Was macht ui?
Eine Sammlung von schön gestalteten, barrierefreien Komponenten und einer Code-Verteilungsplattform. Funktioniert mit Ihren bevorzugten Frameworks. Open Source. Offener Code.
Eine Sammlung von schön gestalteten, barrierefreien Komponenten und einer Code-Verteilungsplattform. Funktioniert mit Ihren bevorzugten Frameworks. Open Source. Offener Code.
Diese Fähigkeit bietet Entwicklern Zugriff auf die **shadcn/ui**-Komponentenbibliothek, eine Sammlung von schön gestalteten, barrierefreien UI-Komponenten für React-Anwendungen. Anders als bei traditionellen Komponentenbibliotheken werden die Komponenten nicht als gepackte Abhängigkeit installiert, sondern als Quellcode direkt in Ihr Projekt kopiert, sodass Sie sie uneingeschränkt anpassen und von Abhängigkeitskonflikten isolieren können. Die Fähigkeit unterstützt eine Vielzahl von React-Frameworks wie Next.js, Vite, Remix und Gatsby und ist ideal für Entwickler, die schnell professionelle, zugängliche Schnittstellen erstellen möchten, ohne auf Flexibilität zu verzichten. Durch die Verwendung von Radix UI für Barrierefreiheit und Tailwind CSS für das Styling stellt shadcn/ui sicher, dass Komponenten sofort einsatzbereit sind und dennoch vollständig den Anforderungen des Projekts angepasst werden können. Diese Fähigkeit hilft Entwicklern, Komponenten hinzuzufügen, zu konfigurieren und zu integrieren, und ermöglicht so eine produktive und modernisierte Entwicklungserfahrung.
npx skills add shadcn-ui/uiEine Sammlung von schön gestalteten, barrierefreien Komponenten und einer Code-Verteilungsplattform. Funktioniert mit Ihren bevorzugten Frameworks. Open Source. Offener Code.
This repo contains 2 individual skills — each has its own dedicated page.
Migrates React projects and components from Radix UI to Base UI. Use when asked to migrate from radix, move to base-ui, convert radix primitives, or switch a shadcn project's base library. Handles single components ("migrate accordion") and whole projects.
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", "switch to --preset", and for building a design system or applying a DESIGN.md or brand spec to shadcn/ui.
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".