puzzle-image-generator
Create puzzle-ready background image prompts and generate images via the Gemini image preview API. Use when you need a clean puzzle base image (no text, no…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,115 results
widget-decomposition
Auto-activates when the user is working on Flutter widgets and needs help decomposing them into the Atomic Design hierarchy. Triggers on: "decompose this…
architecture
Software architecture, design patterns, and system design concepts. Activated for Blue Belt and above when Claude makes significant architectural decisions.
image-prompting
Best practices for AI image generation prompts with Gemini models. Activated when the user works with nanobanana image generation or editing tools. Provides…
free-tool-strategy
When the user wants to plan, evaluate, or build a free tool for marketing purposes — lead generation, SEO value, or brand awareness. Also use when the user…
remotion-best-practices
Best practices for Remotion - Video creation in React
frontend-design
Design thinking and decision-making for web UI. Use when designing components, layouts, color schemes, typography, or creating aesthetic interfaces. Teaches…
game-art
Game art principles. Visual style selection, asset pipeline, animation workflow.
game-audio
Game audio principles. Sound design, music integration, adaptive audio systems.
game-design
Game design principles. GDD structure, balancing, player psychology, progression.
mobile-design
Mobile-first design thinking and decision-making for iOS and Android apps. Touch interaction, performance patterns, platform conventions. Teaches principles,…
agentic-workflow-designer
Conversational skill that interviews users to design new agentic workflows
maui-project-structure
Configure MAUI single-project structure. USE FOR: app icons/splash screens, resource folders, images/fonts/raw assets, app display/build versioning, Central…
canon-color-blindness
Use when designing or auditing for color vision deficiency — ensuring that color is never the only visual signal, checking charts and status indicators,…
canon-forms
Use when designing or auditing forms, inputs, validation, error messages, labels, submit flows, or any data entry interface. Covers field structure, label…
canon-i18n
Use when designing or implementing internationalization — string externalization, locale-aware formatting, pluralization, text expansion, concatenation…
canon-rtl
Use when designing or implementing right-to-left (RTL) layout support for Arabic, Hebrew, Farsi, Urdu, and other RTL scripts. Covers logical properties,…
canon-states
Use when designing or auditing empty states, loading states, error states, success states, skeleton screens, zero-data states, or any UI state that isn't the…
m-align
Verify visual alignment across sections. Check consistent left edges, centered elements, grid alignment.
m-bolder
Amplify safe designs. Larger headlines, stronger accent, more shadow, one animation.
m-color-audit
Find every color not in the palette or token system.
m-color-fix
Replace orphan colors with nearest system token.
m-contrast
WCAG contrast matrix. Test every text token against every surface token.
m-dark
Generate dark mode from the existing palette. Not inversion — proper surface remapping.