GratuitWeb
Icônes, illustrations et logos SVG
- 371371 téléchargements
- 167167 mentions J'aime
- 205205 sauvegardes
Compatible avec
- Claude Code
- Codex
- Cursor
- et 3 autres
Choisir ou fixer le style visuel d'un projet v1.0.0
Utilisez cette ressource pour définir la direction visuelle d'un projet et produire un design-system.md
Nouveau
- 348 téléchargements
- 156 mentions J'aime
- 114 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install design-system-style-selectorSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent parcourt la documentation du projet, identifie l'intention, puis propose de conserver le style existant ou d'en choisir un parmi les styles prédéfinis. Il écrit ensuite un design-system.md qui sert de base à l'interface. Vous obtenez des tokens de couleur, de typographie et de mise en page.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- MIT
Ressources similaires
Tout voir- Gratuit
GratuitSkills
Simulation de parcours utilisateur et besoins latents
- 400400 téléchargements
- 155155 mentions J'aime
- 180180 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Animations d'interface : survol, transitions, gestes
- 600600 téléchargements
- 208208 mentions J'aime
- 109109 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Jetons de design : couleurs, espacements et mode sombre
- 314314 téléchargements
- 142142 mentions J'aime
- 243243 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Prototypes d'interfaces et de mocks d'API
- 426426 téléchargements
- 171171 mentions J'aime
- 233233 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Extraction du contexte de design depuis Figma
- 412412 téléchargements
- 240240 mentions J'aime
- 178178 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitWeb
Génération de HTML et CSS fidèles à une maquette
- 512512 téléchargements
- 215215 mentions J'aime
- 183183 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
GratuitSkills
Orchestrateur d'ingénierie frontend
- 422422 téléchargements
- 230230 mentions J'aime
- 161161 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : flux d'analyse, étape de décision et recommandation de style
- styles/ : fiches de styles prédéfinis (monochrome, Bauhaus, SaaS, Swiss minimalist, Art déco et autres)
Pour qui
- Vous lancez une interface et n'avez pas encore de charte graphique
- Votre projet existant manque de cohérence visuelle
Pas pour qui
Étiquettes
- design system
- style
- tokens
- typographie
- couleurs
À propos
Vous dites
« Propose un style sobre et éditorial pour mon site de conseil, et écris le design-system.md. »
Skill publiée par heyvhuang sous licence MIT. Fichiers livrés dans leur version d'origine, en anglais.
Voir plusVoir moins
Comment l'utiliser
- Installez la skill dans le dossier de skills de votre agent
- Demandez à votre agent de définir la direction visuelle d'un projet et produire un design-system.md
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md9,3 Ko
- styles-index.md1,2 Ko
- styles/01-monochrome.md17 Ko
- styles/02-bauhaus.md12,2 Ko
- styles/03-modern-dark.md17,1 Ko
- styles/04-newsprint.md18,6 Ko
- styles/05-saas.md24,1 Ko
- styles/06-luxury.md23,9 Ko
- styles/07-terminal.md6,5 Ko
- styles/08-swiss-minimalist.md14,2 Ko
- styles/09-kinetic.md25,3 Ko
- styles/10-flat-design.md10 Ko
- styles/11-art-deco.md17,1 Ko
- styles/12-material-design.md24,6 Ko
- styles/13-neo-brutalism.md24,9 Ko
- styles/14-bold-typography.md15,5 Ko
- styles/15-academia.md28,5 Ko
- styles/16-cyberpunk.md16,7 Ko
- styles/17-web3.md19,6 Ko
- styles/18-playful-geometric.md9,1 Ko
- styles/19-minimal-dark.md15,8 Ko
- styles/20-claymorphism.md22,7 Ko
- styles/21-professional.md21,7 Ko
- styles/22-botanical.md11,2 Ko
- styles/23-vaporwave.md18,3 Ko
- styles/24-enterprise.md14,7 Ko
- styles/25-sketch.md12,1 Ko
- styles/26-industrial.md22,9 Ko
- styles/27-neumorphism.md12,1 Ko
- styles/28-organic.md12,9 Ko
- styles/29-maximalism.md32,7 Ko
- styles/30-retro.md23,6 Ko
Origine et licence
Référencée sans modification
- Auteur
- heyvhuang
- Source
- github.com/heyvhuang/ship-faster/tree/64047d24e0ecb513a5aa879767d95ec7e0e44462/skills/tool-design-style-selector
- Licence
- MIT
Notice
« tool-design-style-selector » (heyvhuang, MIT) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…