apple-design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations,…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-09 00:13
Design & creation
22,556 results
emil-design-eng
Emil Kowalski's design-engineering philosophy on UI polish, component design, and the invisible details that make software feel great. Use when deciding…
find-animation-opportunities
Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't. Read-only; it proposes motion with exact values, it…
improve-animations
Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other…
review-animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy — duration, easing, interruptibility,…
shadow
Assist conversations with the designer-engineer-educator persona of Shadow (池志炜) and a general input/output/routing/fallback protocol, covering design, software, AI, education, and the Mixlab community context. Use when the user mentions Shadow, Mixlab, the persona foundation, sub-skill routing, or needs to first define goals and then break down scenarios; when refining scenarios, load subdirectories as needed…
canvas-design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art,…
doc-coauthoring
A structured workflow for co-authoring high-signal docs (PRD, RFC, design docs, proposals, decision records). Use when the user needs to turn messy context…
theme-factory
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with…
nano-banana-assets
Generate any kind of visual asset using OpenRouter's Nano Banana Pro (Google Gemini 3 Pro Image Preview). Handles images, graphics, illustrations, icons,…
shengwang-integration
Integrate Shengwang (Agora) products: ConvoAI voice agents, RTC audio/video, RTM messaging, Cloud Recording, and token generation. Use when the user mentions…
agent-figma
Read Figma designs from the terminal, budget-aware: resolve figma.com links, outline pages, read nodes as compact layout/text/visual records,…
ask-owners
Run a chosen discussion skill with questions routed to the responsible people and channels, collecting their answers into one shared design.
blueprint-standards
Defines structural design artifact formats — information architecture, user flows, content model, brand direction, and AI interaction model. Use when creating…
design-perspective
Integrates design principles, WCAG 2.2 AA accessibility, persona context, and state design into product decisions. Use when reviewing UX decisions, checking…
product-principles
Defines 4 Risks confidence thresholds, OST hierarchy levels, Knowledge Pyramid tiers, and state design requirements. Use when evaluating user stories, setting…
prototype-guide
Generates self-contained HTML prototypes with design context from project files. Read design principles, personas, and hypothesis files, then produce a working…
recipe-blueprint
Define structural design foundation — information architecture, user flows, content model, brand direction, and AI interaction model — from validated…
recipe-refine-visuals
Optional side-workflow for design experts to refine auto-derived Visual Tokens in brand-direction.md with professional judgment
recipe-design
Execute from codebase-scoped analysis to design document creation.
recipe-front-design
Execute from codebase-scoped analysis to frontend design document creation including UI Spec.
recipe-reverse-engineer
Generate PRD and Design Docs from existing codebase through discovery, generation, verification, and review.
recipe-review
Design Doc compliance and security validation with optional auto-fixes.
recipe-update-doc
Update existing design documents (Design Doc / PRD / ADR) with review and consistency verification.