Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

blog-cover-generator

Use when the user asks to generate a blog cover image, thumbnail, or article header. Automatically uses modern typography, brand logos, and Google Search grounding to create beautiful 16:9 images with Gemini 3.1 Flash Image Preview.

546 repo starsObserved in 3 repos
Design

graphic-chart

Generates data visualization charts (bar, line, area, pie, doughnut, scatter, radar, treemap) as PNG using Apache ECharts v6. 1080×1080px default, 5 style presets, highlight annotations. Trigger when user says "create a chart", "visualize data", "make a bar chart", "line graph", "pie chart", "data visualization", "chart this data", "plot", "graph", or "visualize these numbers".

546 repo starsObserved in 2 repos
Design

graphic-gif

Creates animated looping GIFs from CSS animations (default) or AI image-to-video. 800×800px default, 6 animation types, 4 style presets. Trigger when user says "create an animated gif", "make a looping gif", "animated banner", "CSS animation gif", "social media animation", "make this loop", "animated graphic", or "motion graphic".

546 repo starsObserved in 2 repos
Design

draw

Use when the user wants diagrams, flowcharts, architecture visuals, data relationships, timelines, concept maps, Mermaid, Graphviz, drawio, or polished paper figures generated from structured text or IR.

546 repo starsObserved in 1 repos
Design

poster

Use when the user needs an academic poster, conference poster, poster-style visual summary, section planning, figure-text balance, or poster packaging workflow.

546 repo starsObserved in 1 repos
Design

orbeon-builder

How to use the Orbeon MCP to create Orbeon Form Builder forms

545 repo starsObserved in 1 repos
Design

power-design

Generate beautiful, on-brand HTML — presentation decks or full responsive websites — in any brand's design language, combining brand DNA extracted via Firecrawl with codified, research-backed design principles (20 rules for slides, 20 for the web).

544 repo starsObserved in 1 repos
Design

accessibility-auditor

Web accessibility expertise covering WCAG 2.2 conformance, audit methodology, ARIA patterns, keyboard navigation, screen reader testing, focus management, form accessibility, and automated vs manual testing strategies. Use when the user asks about accessibility auditor, accessibility auditor best practices, or needs guidance on accessibility auditor implementation. Do NOT use when the user needs a different specialized skill or is asking about an unrelated technology domain.

543 repo starsObserved in 2 repos
Design

accessible-mobile-developer

Mobile accessibility development expertise covering iOS VoiceOver and Android TalkBack integration, accessibility APIs for SwiftUI and Jetpack Compose, touch target sizing, gesture alternatives, dynamic type support, color contrast compliance, screen reader testing, and WCAG mobile-specific success criteria. Use when the user asks about accessible mobile developer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of accessible mobile developer or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design

age-friendly-home-designer

Design accessibility modifications and universal design solutions for aging in place including safety improvements, adaptive features, and home assessment guidance Use when the user asks about age friendly home designer, related techniques, best practices, or needs guidance in this domain. Do NOT use when the request is outside the scope of age friendly home designer or requires a different specialized skill.

543 repo starsObserved in 2 repos
Design