frontend-design
✓Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants, des pages ou des applications Web, OU lorsqu'il fournit des captures d'écran/images/conceptions à reproduire ou à inspirer. Pour les entrées de capture d'écran, extrait d'abord les directives de conception à l'aide de l'analyse IA multimodale, puis implémente le code suivant ces directives. Génère un code créatif et raffiné qui évite l’esthétique générique de l’IA.
Installation
SKILL.md
This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Implement real working code with exceptional attention to aesthetic details and creative choices.
The user provides frontend requirements: a component, page, application, or interface to build. They may include context about the purpose, audience, or technical constraints.
Important: Do NOT skip to implementation. Extract design guidelines FIRST, then code.
Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants, des pages ou des applications Web, OU lorsqu'il fournit des captures d'écran/images/conceptions à reproduire ou à inspirer. Pour les entrées de capture d'écran, extrait d'abord les directives de conception à l'aide de l'analyse IA multimodale, puis implémente le code suivant ces directives. Génère un code créatif et raffiné qui évite l’esthétique générique de l’IA. Source : binjuhor/shadcn-lar.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/binjuhor/shadcn-lar --skill frontend-design- Source
- binjuhor/shadcn-lar
- 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 ?
Créez des interfaces frontales distinctives de qualité production avec une qualité de conception élevée. Utilisez cette compétence lorsque l'utilisateur demande à créer des composants, des pages ou des applications Web, OU lorsqu'il fournit des captures d'écran/images/conceptions à reproduire ou à inspirer. Pour les entrées de capture d'écran, extrait d'abord les directives de conception à l'aide de l'analyse IA multimodale, puis implémente le code suivant ces directives. Génère un code créatif et raffiné qui évite l’esthétique générique de l’IA. Source : binjuhor/shadcn-lar.
Comment installer frontend-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/binjuhor/shadcn-lar --skill frontend-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/binjuhor/shadcn-lar
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01