design-style
✓Utilisez cette compétence lorsque l'utilisateur demande à créer, créer, concevoir, développer ou améliorer TOUTE interface frontale, page Web, composant d'interface utilisateur ou élément visuel. Cela comprend : - Création de pages de destination, de sites Web, d'applications Web, de tableaux de bord, de portefeuilles ou de toute interface Web - Création de composants d'interface utilisateur (boutons, formulaires, cartes, barres de navigation, modaux, etc.) - Concevoir des pages avec React, Vue, Next.js, Svelte ou tout autre framework frontend - Ajout de style ou amélioration de la conception visuelle des composants existants - Mettre en œuvre une esthétique de design spécifique (moderne, sombre, minimaliste, brutaliste, etc.) - L'utilisateur mentionne "frontend", "UI", "UX", "design", "interface", "web design" ou "styling". - L'utilisateur demande "beau", "moderne", "professionnel", "propre" ou tout autre adjectif esthétique. - Les utilisateurs demandent de l'aide avec CSS, Tailwind, les composants stylisés ou toute autre approche de style Cette compétence récupère automatiquement l'invite du système de conception appropriée (Néo-brutalisme, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) pour aider à créer un code frontal de qualité production visuellement distinctif au lieu d'une interface utilisateur générique. IMPORTANT : Déclenchez cette compétence de manière proactive pour TOUT travail frontend/UI, pas seulement lorsque le style de conception est explicitement mentionné.
Installation
SKILL.md
This skill helps Claude Code create beautiful, distinctive frontend interfaces by automatically retrieving design system prompts from the prompts/ directory. Instead of producing generic UI, this skill enables Claude to build interfaces with specific design aesthetics like Neo-brutalism, Modern Dark, Luxury, Cyberpunk, and more.
The following design systems are available in the prompts/ directory:
Ask the user if you're uncertain about which style fits their needs.
Utilisez cette compétence lorsque l'utilisateur demande à créer, créer, concevoir, développer ou améliorer TOUTE interface frontale, page Web, composant d'interface utilisateur ou élément visuel. Cela comprend : - Création de pages de destination, de sites Web, d'applications Web, de tableaux de bord, de portefeuilles ou de toute interface Web - Création de composants d'interface utilisateur (boutons, formulaires, cartes, barres de navigation, modaux, etc.) - Concevoir des pages avec React, Vue, Next.js, Svelte ou tout autre framework frontend - Ajout de style ou amélioration de la conception visuelle des composants existants - Mettre en œuvre une esthétique de design spécifique (moderne, sombre, minimaliste, brutaliste, etc.) - L'utilisateur mentionne "frontend", "UI", "UX", "design", "interface", "web design" ou "styling". - L'utilisateur demande "beau", "moderne", "professionnel", "propre" ou tout autre adjectif esthétique. - Les utilisateurs demandent de l'aide avec CSS, Tailwind, les composants stylisés ou toute autre approche de style Cette compétence récupère automatiquement l'invite du système de conception appropriée (Néo-brutalisme, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) pour aider à créer un code frontal de qualité production visuellement distinctif au lieu d'une interface utilisateur générique. IMPORTANT : Déclenchez cette compétence de manière proactive pour TOUT travail frontend/UI, pas seulement lorsque le style de conception est explicitement mentionné. Source : nakanosanku/ohmyskills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/nakanosanku/ohmyskills --skill design-style- Source
- nakanosanku/ohmyskills
- Catégorie
- *Créativité
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que design-style ?
Utilisez cette compétence lorsque l'utilisateur demande à créer, créer, concevoir, développer ou améliorer TOUTE interface frontale, page Web, composant d'interface utilisateur ou élément visuel. Cela comprend : - Création de pages de destination, de sites Web, d'applications Web, de tableaux de bord, de portefeuilles ou de toute interface Web - Création de composants d'interface utilisateur (boutons, formulaires, cartes, barres de navigation, modaux, etc.) - Concevoir des pages avec React, Vue, Next.js, Svelte ou tout autre framework frontend - Ajout de style ou amélioration de la conception visuelle des composants existants - Mettre en œuvre une esthétique de design spécifique (moderne, sombre, minimaliste, brutaliste, etc.) - L'utilisateur mentionne "frontend", "UI", "UX", "design", "interface", "web design" ou "styling". - L'utilisateur demande "beau", "moderne", "professionnel", "propre" ou tout autre adjectif esthétique. - Les utilisateurs demandent de l'aide avec CSS, Tailwind, les composants stylisés ou toute autre approche de style Cette compétence récupère automatiquement l'invite du système de conception appropriée (Néo-brutalisme, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) pour aider à créer un code frontal de qualité production visuellement distinctif au lieu d'une interface utilisateur générique. IMPORTANT : Déclenchez cette compétence de manière proactive pour TOUT travail frontend/UI, pas seulement lorsque le style de conception est explicitement mentionné. Source : nakanosanku/ohmyskills.
Comment installer design-style ?
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/nakanosanku/ohmyskills --skill design-style 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/nakanosanku/ohmyskills
Détails
- Catégorie
- *Créativité
- Source
- skills.sh
- Première apparition
- 2026-02-01