Leitfaden für den Bau moderner, barrierefreier und komponierbarer UI-Komponenten. Verwenden Sie ihn beim Erstellen neuer Komponenten, Implementieren von Barrierefreiheit, Entwickeln komponierbarer APIs, Einrichten von Design-Tokens, Veröffentlichen auf npm/Registry oder Schreiben von Komponentendokumentation.
Dieser Skill bietet eine umfassende Anleitung zur Entwicklung moderner, barrierefreier und wiederverwendbarer UI-Komponenten. Er deckt wichtige Aspekte ab wie die Erstellung neuer Komponenten mit klaren, konsistenten APIs, die Implementierung von Barrierefreiheit (z.B. ARIA-Attribute, Tastaturnavigation), die Einrichtung von Design-Tokens zur Sicherstellung visueller Konsistenz und die Veröffentlichung von Komponenten auf npm oder anderen Registrierungen. Der Skill ist plattformunabhängig und eignet sich für Entwickler-Teams und Einzelpersonen, die mit Bibliotheken wie React, Vue oder Svelte arbeiten. Er unterstützt auch die Erstellung strukturierter Komponentendokumentation und die Verwendung von Tools wie Storybook. Durch die Befolgung der Richtlinien erhalten Teams eine gemeinsame Sprache und konsistente Praktiken für die Komponentenentwicklung, was die Wartbarkeit und Zusammenarbeit verbessert.
npx skills add https://github.com/vercel/components.build/tree/main/skills/building-componentsLeitfaden für den Bau moderner, barrierefreier und komponierbarer UI-Komponenten. Verwenden Sie ihn beim Erstellen neuer Komponenten, Implementieren von Barrierefreiheit, Entwickeln komponierbarer APIs, Einrichten von Design-Tokens, Veröffentlichen auf npm/Registry oder Schreiben von Komponentendokumentation.
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".