·design-style
*

design-style

nakanosanku/ohmyskills

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é.

10Installations·0Tendance·@nakanosanku

Installation

$npx skills add https://github.com/nakanosanku/ohmyskills --skill design-style

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.

Voir l'original

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
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