Menu
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
| name | shadcn-ui |
| description | Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly. |
| triggers | ["shadcn","shadcn ui","shadcn components","accessible components"] |
| od | {"mode":"design-system","category":"design-systems","upstream":"https://github.com/google-labs-code/skills"} |
Curated from Google Labs (Stitch).
Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.
design-systemsThis catalogue entry advertises the skill in Open Design so the agent discovers it during planning. To run the full upstream workflow with its original assets, scripts, and references, install the upstream bundle into your active agent's skills directory:
# Inspect the upstream README for exact paths
open https://github.com/google-labs-code/skills
Then ask the agent to invoke this skill by name (shadcn-ui) or with
one of the trigger phrases listed in this skill's frontmatter.
Create refreshable, auditable Open Design artifacts backed by connector or local data. Trigger when the user asks for live dashboards, refreshable reports, synced views, or reusable data-backed artifacts.
Hidden fallback scenario for free-form Home prompts. Ask the task type first, then continue through the matching Open Design flow.
Run the project's build / typecheck / lint / test commands and emit the build.passing + tests.passing signals devloop convergence reads.
Read an existing repository's structure into the project cwd as a normalised snapshot the agent can analyse without re-walking the tree on every turn.
5-dimension critique panel; emits the critique.score signal that drives devloop convergence.
Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.