Shade component decision
Decide which Shade layer (Token, Primitive, Component, Recipe, Pattern) a new piece of UI belongs in — and whether it should be added to Shade at all. Trigger…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 11-05 00:16
Design & creation
22,053 results
Shade dropdown surface contract
DropdownMenu, Select, and Popover share one visual recipe (bg-surface-elevated-2 + border-border/60 dark:border-border/30 + shadow-md). Change them together.…
Shade inputSurface recipe
Use the inputSurface() recipe for form-control chrome (border, background, radius, focus ring, invalid state) — don't roll your own. Trigger when editing…
slice-design
Turn an accepted nlspec plus the current code into vertical work slices, each with an ephemeral technical spec and an implementer handoff contract. Use when…
gemini-image
Reference guide for using google-genai Python library to generate images with gemini-3-pro-image-preview model. Use this skill when building new projects that…
brand-guidelines
Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand…
paper-shaders
Turns Paper Shaders (30 WebGL shaders: mesh and grain gradients, god rays, liquid metal, smoke ring, dithering, halftone, paper texture and more) into…
preview-mermaid
Render and preview Mermaid diagrams in browser with support for flowcharts, sequence diagrams, class diagrams, and more
preview-threejs
Create interactive 3D visualizations using Three.js with orbit controls, lighting, and animation
coollanding
Compose, redesign, polish, audit, and optimize distinctive brand-specific landing pages by diagnosing the brief, selecting one of 9 lead style worlds,…
design
Write Design Docs for Video.js 10. Use for architectural decisions, component specs, feature designs, and internal patterns you own. Triggers: "write design…
visual-prompt-six-levers
Use when drafting or revising prompts for Blender scenes, diagrams, images, or animations, or when asked for "six Blender levers", "Blender mental model", or…
design-review
Designer's eye visual audit of a live site — finds typography issues, spacing violations, AI slop patterns, hierarchy problems, interaction state gaps — then…
unity-game-3d-modeling
Create Unity 6 URP game 3D models via the @Unity plugin, Unity CLI, ProBuilder, and project Pipeline commands; when complex topology, UV, LOD, or collision requires an approved local DCC MCP, handle secure handoff. Need to generate, set up, import, and accept static models or Prefabs from the Visual Bible and model specs…
prototype-options
Builds a few navigable prototypes of what the interview decided, each in a different style or approach, with one subagent per option, a time limit and shared…
enclosure-designer
Guides design and generation of 3D-printable enclosures for Arduino/ESP32/RP2040 projects. Use when user needs a case, box, housing, or enclosure for their…
competitor-scan
Research best-in-class products using Browser MCP and WebSearch
image-prompt-guide
USE THIS SKILL WHEN writing prompts for AI image generation: creating illustrations, cover images, infographics, diagrams, or any visual content. Covers prompt…
formily ant design components
This skill should be used when the user asks to "use formily with ant design", "formily antd components", "formily ant design integration", "formily form…
video-voice-changer
Video voice-changing processing tool - Extracts audio from a video, calls the voice-changer skill to change the voice, and then merges it back into the video. Use when the user requests video voice changing, changing a video's voice, video timbre conversion, or processing video audio.
worldlabs
Generate and edit scene images, estimate cameras and depth, or extract meshes with the World Labs CLI.
super-video-agent
Make a narrated video drawn in code from any source. Use for any video, short, reel, promo or explainer — video·Shorts·Reels·promo video, card…
ai-tryon
AI virtual try-on Agent. The user provides clothing information (either an image or a text description is fine), and the Agent guides them through the entire process: clothing image preprocessing → AI model generation → virtual try-on compositing → showcase video generation. Supports Alibaba Cloud Bailian virtual try-on API, Doubao Seedream image generation, and Doubao Seedance video generation.…
nano-banana-pro
Generate and edit images using Google's Nano Banana Pro (Gemini 3 Pro Image) API. Use when the user asks to generate, create, edit, modify, change, alter, or…