frontend-design-system
✓Concevoir et refactoriser les interfaces React/Tailwind à l'aide du système de conception de projet. Utilisez cette compétence lorsque vous travaillez sur des composants, des pages, des mises en page ou des améliorations UX de l'interface utilisateur et que vous souhaitez des conceptions distinctives, accessibles et non génériques qui évitent les erreurs d'IA.
Installation
SKILL.md
This Skill packages opinionated guidance for building and refactoring frontend UI so that output:
If the project uses a different stack (e.g. Svelte, Vue, plain HTML/CSS), keep the same design principles and adapt syntax.
If the repo has existing tokens/components, inspect them first (using Read/Grep/Glob) and align with those patterns.
Concevoir et refactoriser les interfaces React/Tailwind à l'aide du système de conception de projet. Utilisez cette compétence lorsque vous travaillez sur des composants, des pages, des mises en page ou des améliorations UX de l'interface utilisateur et que vous souhaitez des conceptions distinctives, accessibles et non génériques qui évitent les erreurs d'IA. Source : d-oit/do-novelist-ai.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system- Source
- d-oit/do-novelist-ai
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que frontend-design-system ?
Concevoir et refactoriser les interfaces React/Tailwind à l'aide du système de conception de projet. Utilisez cette compétence lorsque vous travaillez sur des composants, des pages, des mises en page ou des améliorations UX de l'interface utilisateur et que vous souhaitez des conceptions distinctives, accessibles et non génériques qui évitent les erreurs d'IA. Source : d-oit/do-novelist-ai.
Comment installer frontend-design-system ?
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/d-oit/do-novelist-ai --skill frontend-design-system 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/d-oit/do-novelist-ai
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01