21st-ui-build
Installation
SKILL.md
Build project-aware UI
Preserve the product's identity while using 21st supply to accelerate implementation.
Workflow
-
Read
.21st/design.jsonand.21st/DESIGN.md. If neither exists, run21st init --design-context. -
Inspect the target route, its closest components, project instructions, and existing tokens. Treat explicit project facts as stronger than generic taste.
-
Search before generating:
21st search "<specific UI need>" --context auto -
Reuse installed project primitives first. Retrieve or install a 21st result only when it reduces duplication or materially improves the result.
-
If no result fits, generate project-aware alternatives: