Modelli di componenti Master React, Vue e Svelte tra cui CSS-in-JS, strategie di composizione e architettura dei componenti riutilizzabili. Da utilizzare durante la creazione di librerie di componenti dell'interfaccia utente, la progettazione di API di componenti o l'implementazione di sistemi di progettazione frontend.
Installa rapidamente la skill AI web-component-design nel tuo ambiente di sviluppo tramite riga di comando
Fonte: wshobson/agents.
Build reusable, maintainable UI components using modern frameworks with clean composition patterns and styling approaches.
| Tailwind CSS | Utility classes | Rapid prototyping, design systems | | CSS Modules | Scoped CSS files | Existing CSS, gradual adoption | | styled-components | Template literals | React, dynamic styling | | Emotion | Object/template styles | Flexible, SSR-friendly | | Vanilla Extract | Zero-runtime | Performance-critical apps |
Modelli di componenti Master React, Vue e Svelte tra cui CSS-in-JS, strategie di composizione e architettura dei componenti riutilizzabili. Da utilizzare durante la creazione di librerie di componenti dell'interfaccia utente, la progettazione di API di componenti o l'implementazione di sistemi di progettazione frontend. Fonte: wshobson/agents.
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/wshobson/agents --skill web-component-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
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/wshobson/agents --skill web-component-designModelli di componenti Master React, Vue e Svelte tra cui CSS-in-JS, strategie di composizione e architettura dei componenti riutilizzabili. Da utilizzare durante la creazione di librerie di componenti dell'interfaccia utente, la progettazione di API di componenti o l'implementazione di sistemi di progettazione frontend. Fonte: wshobson/agents.
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/wshobson/agents --skill web-component-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
https://github.com/wshobson/agents