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
Interface web distinctive, sans effet générique v1.0.0
Utilisez cette ressource pour concevoir une interface web distinctive, avec jetons de design et DESIGN.md
Nouveau
- 515 téléchargements
- 173 mentions J'aime
- 230 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install distinctive-web-ui-designSans 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 pose d'abord la direction en vous interrogeant une question à la fois, traduit la stratégie en système de design, applique ce système à l'interface, puis rédige un DESIGN.md et fait un autocontrôle. Vous obtenez une interface cohérente et un DESIGN.md réutilisable.
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
GratuitSkills
Revue d'ingénierie frontend
- 537537 téléchargements
- 112112 mentions J'aime
- 145145 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
Ce que vous obtenez
- SKILL.md : phases de découverte, système de design et autocontrôle
- references/ : couleurs OKLCH, composants, mode sombre, accessibilité et DESIGN.md
- references/aesthetics-library.md : bibliothèque d'esthétiques
Pour qui
- Vous lancez une page d'accueil ou une application et voulez éviter le rendu standard
- Une interface existante ressemble à toutes les autres et doit gagner du caractère
Pas pour qui
Étiquettes
- design d'interface
- typographie
- OKLCH
- DESIGN.md
À propos
Vous dites
« Conçois la page d'accueil d'un atelier de céramique, avec une direction éditoriale et un DESIGN.md. »
Skill publiée par samber 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 concevoir une interface web distinctive, avec jetons de design et DESIGN.md
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- evals/evals.json14,8 Ko
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- references/accessibility.md7,7 Ko
- references/adapters.md2,9 Ko
- references/aesthetics-library.md6,8 Ko
- references/artifact-types.md21,5 Ko
- references/catalogs.md5,2 Ko
- references/color-oklch.md11,7 Ko
- references/components.md10,4 Ko
- references/dark-mode.md7,1 Ko
- references/design-md.md6,7 Ko
- references/design-theory.md7,4 Ko
- references/discovery.md8,6 Ko
- references/divergence.md8,9 Ko
- references/iconography.md7 Ko
- references/imagery.md8,4 Ko
- references/layout.md8,1 Ko
- references/motion.md10,1 Ko
- references/slop-checklist.md11 Ko
- references/token-core.css3,2 Ko
- references/token-sets.md4,4 Ko
- references/typography.md16,6 Ko
- SKILL.md19,3 Ko
Origine et licence
Référencée sans modification
- Auteur
- samber
- Source
- github.com/samber/cc-skills/tree/123cb155f5ab5751fc13c8027fbfa5eb0d3773c6/skills/frontend-design-deslop
- Licence
- MIT
Notice
« frontend-design-deslop » (samber, 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…