cognitive-accessibility
Use when evaluating mental load, wayfinding, focus management, memory demands, or decision complexity in any interface — ensures designs work for people with…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-31 00:15
Design & creation
21,396 results
design-discovery
You MUST use this before any creative or design work — building features, creating components, designing interfaces, modifying user-facing behaviour. Explores…
inclusive-personas
Use when defining who a design serves — creating personas, user stories, or scenarios — ensures the full ability spectrum and situational contexts are…
responsive-patterns
Use when designing complex responsive layouts — breakpoint strategy, layout shifts, content reflow, responsive typography, container queries, and ensuring the…
token-architecture
Use when building or restructuring design token systems — global tokens, semantic tokens, component tokens, naming conventions, theming, and multi-platform…
verification-before-shipping
Use before declaring any design work complete, fixed, or ready — requires running verification and confirming output before making any success claims. Evidence…
icon-brief
Derives a minimalist icon design brief from a text prompt or the current repo - 3-5 symbol concepts (one Gestalt device each), symmetry axis, dark-grey house…
icon-critique
Renders an app/package icon SVG at 512/64/32/16 px and reviews the pixels against a fixed rubric (16px silhouette, Gestalt device, stroke, centering,…
brand-builder
PREFER /brand-init for new projects (outputs unified brand.yaml). This skill outputs the legacy brand-profile.yaml format. Use --legacy flag or when brand-kit…
hook-design
Structure a rough short-form opening into a reusable Hook Brief with explicit mechanism choice, product reveal timing, and downstream handoff guidance. Use…
resemble-detect
Deepfake detection and media safety — detect AI-generated audio, images, video, and text, trace synthesis sources, apply watermarks, verify speaker identity,…
niblet
Keep interface work anchored to the product it belongs to instead of a generic template. Sets a short design contract, builds from the components and tokens…
apere
Route broad or multi-deliverable visual work to the smallest set of currently available design owners. Use when a design request is ambiguous, spans several…
visual-mockups
Browser-based interactive mockups, wireframes, and diagrams for UI exploration during brainstorming. Use when discussing layouts, visual design decisions,…
marvelous-designer-unlock-warning
Recognizes and warns against piracy/crack tools disguised as legitimate software
canva
Create, search, autofill, and export designs from Canva. Enables agents to generate visual content, fill templates with brand assets, and export in various…
image-creator
Renders HTML/CSS into production-ready images via Playwright. Accepts complete HTML content, opens it in a headless browser at the specified viewport, and…
grill-me
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to…
music-master
Run a mastering pass (LUFS loudness normalization + peak limiting) on an existing production
music-midi
Extract MIDI/score from an existing production
aliexpress-search-by-image-reference-scraper
Collect search by image reference data from AliExpress. Use when the user wants to research or export search by image reference content.
shadcn_ui-theme
Configure Shadcn UI theme and color schemes (ShadThemeData, ShadColorScheme), override colors, use ShadColorScheme.fromName for theme switchers, and add custom…
algorithmic-art
Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code,…
slack-gif-creator
Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users…