web-component-design
✓Maîtrisez les modèles de composants React, Vue et Svelte, y compris CSS-in-JS, les stratégies de composition et l'architecture de composants réutilisables. À utiliser lors de la création de bibliothèques de composants d'interface utilisateur, de la conception d'API de composants ou de la mise en œuvre de systèmes de conception frontaux.
Installation
SKILL.md
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 |
Maîtrisez les modèles de composants React, Vue et Svelte, y compris CSS-in-JS, les stratégies de composition et l'architecture de composants réutilisables. À utiliser lors de la création de bibliothèques de composants d'interface utilisateur, de la conception d'API de composants ou de la mise en œuvre de systèmes de conception frontaux. Source : wshobson/agents.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/wshobson/agents --skill web-component-design- Source
- wshobson/agents
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que web-component-design ?
Maîtrisez les modèles de composants React, Vue et Svelte, y compris CSS-in-JS, les stratégies de composition et l'architecture de composants réutilisables. À utiliser lors de la création de bibliothèques de composants d'interface utilisateur, de la conception d'API de composants ou de la mise en œuvre de systèmes de conception frontaux. Source : wshobson/agents.
Comment installer web-component-design ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/wshobson/agents --skill web-component-design Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/wshobson/agents
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01