GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Sélection PalateKit
Direction artistique front-end v1.0.0
Utilisez cette ressource pour obtenir une interface singulière, pas un modèle générique
Nouveau
- 590 téléchargements
- 127 mentions J'aime
- 206 sauvegardes
4,49 €
Accès à vie à cette ressource, avec ses mises à jour.
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install frontend-design-directionSans 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 loginAvant d'écrire le code, l'agent rédige un court plan de design (couleurs, polices, mise en page, principes), le confronte au brief et révise tout ce qui ressemble à un réglage par défaut. La skill liste les signes typiques d'une page générée par IA et des règles d'écriture pour les textes de l'interface.
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
- Apache-2.0
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- La skill traduite en français (SKILL.md)
- La liste des cinq familles de « tics » des pages générées
- Une méthode en deux passes : plan, puis code
Pour qui
- Pages d'accueil et sites vitrines
- Refonte d'une interface qui fait « template »
- Prototypes à montrer à un client
Pas pour qui
- Interfaces qui doivent suivre une charte imposée à la lettre
- Back-offices purement fonctionnels
- Projets sans rendu visuel
Étiquettes
- design
- typographie
- front-end
- direction artistique
À propos
Vous dites
« Crée la page d'accueil de mon atelier de céramique. »
Skill publiée par Anthropic sous licence Apache-2.0, traduite et testée par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le sujet et le public de la page
- Dernier test
- v1.0.0 avec Claude Code
Comment l'utiliser
- Installez la skill dans votre agent.
- Donnez-lui le sujet, le public et le but de la page.
- Validez le plan de design qu'il propose, puis laissez-le coder.
Aperçu du contenu
Fichiers
- LICENSE.txt10,1 Ko
- NOTICE.md0,6 Ko
- SKILL.md10,5 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- Anthropic
- Source
- github.com/anthropics/skills/tree/ca45fc496a3436251f191354091d557da31c15b5/skills/frontend-design
- Licence
- Apache-2.0
Notice
Version modifiée de frontend-design (Anthropic, Apache-2.0) : traduction française par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Fonctionne-t-elle avec Tailwind ou shadcn ?
Oui : elle guide les choix de design, quel que soit le framework.
Va-t-elle ignorer ma charte ?
Non : les consignes du brief priment toujours sur ses suggestions.