Guide pour la création de composants d'interface utilisateur modernes, accessibles et composables. À utiliser lors de la construction de nouveaux composants, de la mise en œuvre de l'accessibilité, de la création d'API composables, de la mise en place de tokens de design, de la publication sur npm/registry, ou de la rédaction de documentation de composants.
Ce guide fournit une approche structurée pour créer des composants d'interface utilisateur modernes, accessibles et composables. Il couvre les meilleures pratiques pour la construction de composants, y compris la conception d'API flexibles, l'accessibilité (a11y), et l'utilisation de tokens de design pour garantir une cohérence visuelle. Il est utile pour les développeurs travaillant avec des frameworks comme React, Vue ou Svelte, et aborde la publication de composants sur npm ou d'autres registres. En suivant ce guide, les équipes peuvent améliorer la maintenabilité et la réutilisabilité de leurs composants tout en assurant une expérience utilisateur inclusive.
npx skills add https://github.com/vercel/components.build/tree/main/skills/building-componentsGuide pour la création de composants d'interface utilisateur modernes, accessibles et composables. À utiliser lors de la construction de nouveaux composants, de la mise en œuvre de l'accessibilité, de la création d'API composables, de la mise en place de tokens de design, de la publication sur npm/registry, ou de la rédaction de documentation de composants.
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".