·components-build
*

components-build

✓
nolly-studio/components-build-skillGitHub: nolly-studio/components-build-skillFonte: nolly-studio/components-build-skill

Crea componenti dell'interfaccia utente React moderni, componibili e accessibili seguendo la specifica Components.build. Da utilizzare durante la creazione, la revisione o il refactoring di librerie di componenti, sistemi di progettazione o qualsiasi componente dell'interfaccia utente riutilizzabile. Trigger su attività che coinvolgono API di componenti, modelli di composizione, accessibilità, sistemi di stile o oggetti di scena TypeScript.

nolly-studio·components·build
107Installazioni·1Tendenza·@nolly-studio

Installazione

GitHub: nolly-studio/components-build-skill
$npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build

Come installare components-build

Installa rapidamente la skill AI components-build nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: nolly-studio/components-build-skill.

SKILL.md

Visualizza raw

Comprehensive guidelines for building modern, composable, and accessible UI components. Contains 16 rule categories covering everything from core principles to distribution, co-authored by Hayden Bleasel and shadcn.

| 1 | Overview | Specification scope and goals | overview | | 2 | Principles | Core design philosophy | principles | | 3 | Definitions | Common terminology | definitions | | 4 | Composition | Breaking down complex components | composition | | 5 | Accessibility | Keyboard, screen readers, ARIA | accessibility |

| 6 | State | Controlled/uncontrolled patterns | state | | 7 | Types | TypeScript props and interfaces | types | | 8 | Polymorphism | Element switching with as prop | polymorphism | | 9 | As-Child | Radix Slot composition pattern | as-child | | 10 | Data Attributes | data-state and data-slot | data-attributes |

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build
Fonte
nolly-studio/components-build-skill
Categoria
*Creatività
Verificato
✓
Prima apparizione
2026-02-01
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/nolly-studio/components-build-skill/components-build

Browse more skills from nolly-studio/components-build-skill

Risposte rapide

Che cos'è components-build?

Crea componenti dell'interfaccia utente React moderni, componibili e accessibili seguendo la specifica Components.build. Da utilizzare durante la creazione, la revisione o il refactoring di librerie di componenti, sistemi di progettazione o qualsiasi componente dell'interfaccia utente riutilizzabile. Trigger su attività che coinvolgono API di componenti, modelli di composizione, accessibilità, sistemi di stile o oggetti di scena TypeScript. Fonte: nolly-studio/components-build-skill.

Come installo components-build?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/nolly-studio/components-build-skill

Dettagli

Categoria
*Creatività
Fonte
skills.sh
Prima apparizione
2026-02-01

Skills correlate

Nessuna