¿Qué hace shadcn-ui?
Guía experta para integrar y construir aplicaciones con componentes de shadcn/ui, incluyendo descubrimiento de componentes, instalación, personalización y mejores prácticas.
Guía experta para integrar y construir aplicaciones con componentes de shadcn/ui, incluyendo descubrimiento de componentes, instalación, personalización y mejores prácticas.
Este skill proporciona asistencia experta para trabajar con shadcn/ui, una biblioteca de componentes reutilizables y personalizables para React. Es útil para desarrolladores que desean acelerar la creación de interfaces de usuario modernas y accesibles, ya que ofrece orientación detallada sobre cómo descubrir, instalar y personalizar componentes. Compatible con plataformas como Claude Code y Cursor, el skill se basa en documentación estructurada en su archivo SKILL.md, donde se explican procesos como la configuración inicial, la selección de componentes según necesidades específicas y la aplicación de estilos mediante Tailwind CSS. Además, promueve mejores prácticas como la optimización del rendimiento, la accesibilidad (a11y) y la consistencia en el diseño, facilitando la integración fluida en proyectos existentes.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/shadcn-uiGuía experta para integrar y construir aplicaciones con componentes de shadcn/ui, incluyendo descubrimiento de componentes, instalación, personalización y mejores prácticas.
This repo contains 6 individual skills — each has its own dedicated page.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.
Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".