·atomic-design
*

atomic-design

Metodologia di progettazione atomica per l'architettura dei componenti React. Utilizzare per strutturare librerie di componenti, organizzare gerarchie dell'interfaccia utente e creare sistemi di progettazione scalabili. Si attiva su richieste di organizzazione dei componenti, struttura del sistema di progettazione, gerarchia dell'interfaccia utente o domande su atomi/molecole/organismi/modelli/pagine.

6Installazioni·0Tendenza·@ibutters

Installazione

$npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-design

Come installare atomic-design

Installa rapidamente la skill AI atomic-design 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/ibutters/claudecodeplugins --skill atomic-design
  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: ibutters/claudecodeplugins.

Molecules Combine atoms into functional units with single responsibility.

Examples: Header, Footer, ProductCard, CommentSection, Sidebar, DataTable

Templates Page-level layouts without real content. Define structure only.

Metodologia di progettazione atomica per l'architettura dei componenti React. Utilizzare per strutturare librerie di componenti, organizzare gerarchie dell'interfaccia utente e creare sistemi di progettazione scalabili. Si attiva su richieste di organizzazione dei componenti, struttura del sistema di progettazione, gerarchia dell'interfaccia utente o domande su atomi/molecole/organismi/modelli/pagine. Fonte: ibutters/claudecodeplugins.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/ibutters/claudecodeplugins --skill atomic-design
Categoria
*Creatività
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-10

Browse more skills from ibutters/claudecodeplugins

Risposte rapide

Che cos'è atomic-design?

Metodologia di progettazione atomica per l'architettura dei componenti React. Utilizzare per strutturare librerie di componenti, organizzare gerarchie dell'interfaccia utente e creare sistemi di progettazione scalabili. Si attiva su richieste di organizzazione dei componenti, struttura del sistema di progettazione, gerarchia dell'interfaccia utente o domande su atomi/molecole/organismi/modelli/pagine. Fonte: ibutters/claudecodeplugins.

Come installo atomic-design?

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/ibutters/claudecodeplugins --skill atomic-design 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/ibutters/claudecodeplugins