animated-diagram
Turns a system-design topic into an animated diagram — a seamless looping GIF (plus an MP4 and a still PNG) in which the arrows march and every icon has its…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-06 00:14
Design & creation
22,165 results
baoyu-comic
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and sequential image…
design-references
Predefined design system references for UI reviews. Includes Material Design 3, Apple Human Interface Guidelines, Tailwind UI, Ant Design, and Shadcn/ui. Use…
creative-coder
Break down experiential quality (motion/tactile feel/gaze guidance) into "implementable constraints," and realize expression without sacrificing accessibility and performance. Use this when consulting on UI expression, animation, and interaction design/implementation.
keyboard-shortcuts
Decision criteria for designing UI keyboard shortcuts in line with "official standards (W3C APG / WCAG) + platform conventions (Apple HIG / Fluent UI) + de facto standards (GitHub, Gmail, Slack, etc.)" and implementing them in a form that is conflict-free, discoverable, and disableable.
persona-designer
Build a product persona/user image from hypotheses and evidence (observations, research, constraints), and shape it into a form usable for decision-making. *This is different from a conversational-tone persona (nyanko).
spec-forger
Create or refine spec-superflow planning artifacts. Invoke when the change is understood well enough to write `proposal.md`, `specs/`, `design.md`, and…
3d-spatial
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
access-control-matrix
Design RBAC/ABAC policies and permission boundaries.
accessibility-auditing
Guide for conducting comprehensive accessibility audits of code to identify WCAG compliance issues and barriers to inclusive design. This skill should be used…
accessibility-games
Game accessibility skill for colorblind modes and control remapping.
accessibility-planning
Plan accessibility compliance - WCAG 2.2, Section 508, EN 301 549, inclusive design principles, audit planning, and remediation strategies.
agent-design
Design AI agents with recommended patterns and architectures
architect
Planning-only mode: research, analyze, and design — no code changes
brand-identity-designer
Comprehensive brand identity system including brand strategy, visual identity (colors, typography, logo direction), messaging architecture (taglines,…
brandkit
Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion),…
build123d
This skill should be used when the user asks to "create a 3D model with build123d", "design parametric parts", "use builder mode", "use algebra mode", "select…
create-cartoon-image
Design a charming, hand-drawn cartoon illustration of an office scene that incorporates Chinese cultural elements and symbolism.
ddd-strategic-design
Guide for DDD strategic design - analyzing domains through structured questioning, conducting stakeholder interviews (PM/domain experts/users), and producing…
design-sync
Sync design docs with codebase state. Use when verifying documentation accuracy, after code changes, or when last-synced is stale.
design-systems
Build or evolve a design system by producing a Design System Operating Pack: charter, token model (incl. depth/elevation), component inventory + roadmap,…
design-to-component-translator
Converts Figma/design specifications into production-ready UI components with accurate spacing, typography, color tokens, responsive rules, and interaction…
designing-gnome-ui
Use when designing, implementing, or modifying UI for GNOME apps; before writing UI code; when reviewing existing UI for HIG compliance; when working with GTK…
elevated-design
Create sophisticated, Apple-inspired web interfaces with refined aesthetics and corporate elegance. Emphasizes generous whitespace, ultra-precise typography,…