Que fait shadcn-ui ?
Conseils d'expert pour intégrer et construire des applications avec les composants shadcn/ui, incluant la découverte, l'installation, la personnalisation et les bonnes pratiques.
Conseils d'expert pour intégrer et construire des applications avec les composants shadcn/ui, incluant la découverte, l'installation, la personnalisation et les bonnes pratiques.
Cette compétence fournit des conseils d'expert pour travailler avec la bibliothèque de composants shadcn/ui, qui permet de copier-coller des composants React prêts à l'emploi directement dans votre projet. Elle couvre la découverte des composants disponibles, leur installation via des commandes CLI, leur personnalisation (comme le thème, les variantes, ou les styles) et les meilleures pratiques d'intégration. Utile pour les développeurs utilisant des agents comme Claude Code ou Cursor, elle accélère la création d'interfaces utilisateur modernes avec Tailwind CSS et Radix UI. La compétence s'appuie sur la documentation officielle de shadcn/ui pour guider l'utilisateur pas à pas.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/shadcn-uiConseils d'expert pour intégrer et construire des applications avec les composants shadcn/ui, incluant la découverte, l'installation, la personnalisation et les bonnes pratiques.
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".