Was macht shadcn-ui?
Expertenberatung für die Integration und Entwicklung von Anwendungen mit shadcn/ui-Komponenten, einschließlich Komponentenfindung, Installation, Anpassung und Best Practices.
Expertenberatung für die Integration und Entwicklung von Anwendungen mit shadcn/ui-Komponenten, einschließlich Komponentenfindung, Installation, Anpassung und Best Practices.
Diese Skill bietet spezialisierte Expertenberatung für die Arbeit mit der shadcn/ui-Komponentenbibliothek. Sie unterstützt Entwickler dabei, Komponenten zu entdecken, zu installieren und anzupassen, sowie Best Practices für die nahtlose Integration in React- und Next.js-Anwendungen zu befolgen. Die Skill automatisiert den Installationsprozess von Shadcn-Komponenten über die CLI, führt durch die Konfiguration des `components.json`-Manifests und hilft bei der Auswahl von Komponenten aus der Bibliothek. Sie ist besonders nützlich, um konsistente UI-Muster in Projekten zu gewährleisten, indem sie kodierte Regeln für Styling, Barrierefreiheit und Komposition bereitstellt. Entwickler können sich darauf verlassen, dass die Skill die neuesten Versionskompatibilitäten und empfohlenen Workflows von shadcn/ui kennt. Unterstützte Plattformen sind primär React (Next.js, Vite, Remix) sowie CLI-basierte Workflows für die Komponenteninstallation. Die Skill funktioniert, indem sie strukturierte Anleitungen auf Basis der offiziellen shadcn/ui-Dokumentation und Community-Best Practices bereitstellt.
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/shadcn-uiExpertenberatung für die Integration und Entwicklung von Anwendungen mit shadcn/ui-Komponenten, einschließlich Komponentenfindung, Installation, Anpassung und Best Practices.
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".