design-systems
Build and maintain design systems. Use when creating component libraries, design tokens, or style guides. Covers atomic design and tokens.
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
20,817 results
Build and maintain design systems. Use when creating component libraries, design tokens, or style guides. Covers atomic design and tokens.
[Project Management] Use when you need to create UI/UX design specifications from requirements, PBIs, or user stories. Use --mode=wireframe to convert…
AVFoundation / AVKit / PhotoKit reference. AVPlayer, AVPlayerViewController, VideoPlayer, AVPlayerItem, AVMutableComposition, AVCaptureSession, AVCaptureDevice,…
Use when designing or implementing skill trees, talent trees, ability progression systems, or unlock graphs. Triggers: skill tree, talent tree, ability tree,…
Create and repair interactive Live2D characters from character concept art or layered PNG/PSD, covering faithful part separation, inpainting, mesh and parameter binding, experimental direct MOC3 generation, web preview, lip sync, and natural idle. Use when the user asks to turn images into Live2D, optimize an existing model, or reuse the code modeling workflow.
Explore goals, constraints, and alternative approaches before choosing a design. Use when the user requests ideation or design exploration.
Briefing, concept development, wireframing, prototyping, visual design, review, and handoff -- the structured path from requirements to finished design.
Current visual direction for web projects covering color palettes, font pairings, layout compositions, and imagery (Q1/Q2 2026). Derived from Dribbble…
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool,…
Design an auditable playbook when no narrower one fits: a large migration, an ambitious multi-part change, or work a human reviews after stepping away. Scales…
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…
Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading…
Apply when facing a novel UI interaction or architectural decision with no precedent in the codebase. Build 2-3 competing prototypes and compare side by side…
Apply when product, UX, or feature-scope tradeoffs come up. Choose user delight over implementation convenience; ship fewer polished features over more rough…
Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one…
Campaign concept and copy brief generator for paid advertising. Reads brand-profile.json and optional audit results to produce structured campaign concepts,…
Product photography enhancement for ad creatives using banana-claude image generation. Takes a product image and generates 5 professional photography styles…
Generate visual assets from text prompts: PNG images (Gemini / xAI Grok, or local Qwen-Image when installed), GLB 3D models (Tripo CLI), rigged characters,…
Product promo video production master control skill pack. Used to produce a 60-90 second promotional video from product descriptions, official websites, app screenshots, or GitHub repositories, completing the brief, storyboard, assets, HyperFrames editing, BGM design, and delivery in stages. When the user wants to make a promo video, product video, project introduction video, launch video, open-source project...
Simplify noisy interfaces and evaluate whether proposed UI additions serve a concrete user need.
Apply an evidence-derived 3D cartoon character short workflow observed across published GoodCase examples by Zarnab_with_Ai. Use when planning, storyboarding,…
Audit a page / surface against the Designing Interfaces pattern language + the ux skill checklists, then land findings. Three layers — static (code), visual…
Generate a structured DESIGN.md file for any business or project. Produces a machine-readable design system specification that build pipelines consume during…
Design or audit game controls, HUD, menus, feedback, input mapping, transparency, juiciness, channels, modes, and metaphors. Use when implementing UI,…