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
Direction créative pour pages et rapports HTML v1.0.0
Utilisez cette ressource pour concevoir le style d'une page ou d'un rapport HTML
Nouveau
- 365 téléchargements
- 132 mentions J'aime
- 232 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install html-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 loginL'agent jauge le brief, cherche d'abord un système de design existant, puis établit un court plan (couleurs, polices, mise en page) avant d'écrire le code. Vous obtenez une page avec thèmes clair et sombre, une typographie choisie et des textes pensés pour le lecteur.
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
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
- SKILL.md : principes de conception, processus en plan puis code, registre éditorial, traduit en français
Pour qui
- Créer une page d'atterrissage ou une démo qui ne ressemble pas à un modèle
- Mettre en forme un rapport ou un plan HTML à partager
- Restyler une page existante avec un thème clair et un thème sombre
Pas pour qui
- Produire un logo ou des images
- Construire une application complète avec base de données
- Reproduire fidèlement une charte graphique déjà figée par un autre outil
Étiquettes
- html
- design
- typographie
- palette
- thème sombre
À propos
Vous dites
« Crée une page de présentation pour mon atelier de céramique, avec une identité visuelle propre et des thèmes clair et sombre. »
Skill publiée par plannotator sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le sujet, le public et le but de la page et Votre charte graphique ou DESIGN.md, si vous en avez un
Comment l'utiliser
- Copiez le dossier de la skill dans le dossier de skills de votre agent.
- Décrivez le sujet, le public et le but de la page.
- Validez le plan de couleurs et de polices, puis laissez l'agent construire la page.
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,4 Ko
- SKILL.md12,3 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- plannotator
- Source
- github.com/plannotator/effective-html/tree/975b047f6da6874e176db54f048c0c31c30e9f65/skills/design-artifact
- Licence
- MIT
Notice
Version modifiée de « design-artifact » (plannotator, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
La skill publie-t-elle ma page en ligne ?
Seulement si vous le demandez : à la fin, elle propose de partager la page avec l'outil tierce `tot` (installation facultative). Sans votre accord, rien n'est publié ni installé.
Respecte-t-elle ma charte existante ?
Oui, elle cherche d'abord un DESIGN.md, des jetons ou un thème dans le projet et les applique avant ses propres choix.