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
Pages, présentations et prototypes web soignés v1.0.0
Utilisez cette ressource pour concevoir une page, une présentation ou un prototype web soigné
Nouveau
- 457 téléchargements
- 209 mentions J'aime
- 109 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 web-design-engineerSans 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 vérifie d'abord les faits sur votre produit, pose les bonnes questions, puis propose un système de design (couleurs, typographie, espacements) à valider avant d'écrire le code. Il montre une première version rapide, construit ensuite la version complète et la passe au crible d'une liste de contrôle. Vous obtenez un fichier HTML prêt à ouvrir, cohérent avec votre marque et sans les clichés des pages générées par IA.
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 traduit en français : méthode en huit étapes avec points d'arrêt
- 25 recettes de style (Linear, Aesop, Apple HIG, MUJI…) avec palettes et typographies
- Guides de calibrage, de refonte, de critique et de recette navigateur
- Modèles de code : présentations, cadres d'appareils, panneau de réglages, graphiques
Pour qui
- Créer une page de lancement pour un produit ou une offre
- Faire une présentation HTML ou un prototype cliquable
- Refondre une page existante sans perdre l'identité de la marque
Pas pour qui
- Du code back-end ou des scripts de traitement de données
- Convertir un long article en page web
- Une simple retouche de couleur sans besoin de méthode
Étiquettes
- html
- design
- prototype
- présentation
- landing page
À propos
Vous dites
« Conçois la page de lancement de mon cours en ligne, dans un style éditorial calme, avec trois variantes à comparer. »
Skill publiée par conardli sous licence MIT, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- Le brief du projet (public, objectif) et Votre logo et votre charte si elle existe
Comment l'utiliser
- Décrivez votre projet et donnez logo, textes et références de marque si vous en avez.
- Validez le système de design proposé, puis la première version.
- Demandez les variantes ou la critique, puis récupérez le fichier HTML.
Aperçu du contenu
Fichiers
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,4 Ko
- references/advanced-patterns.md14,9 Ko
- references/block-library.md1,8 Ko
- references/browser-acceptance.md4,7 Ko
- references/critique-guide.md10,4 Ko
- references/design-calibration.md6,1 Ko
- references/design-directions.md14 Ko
- references/failure-patterns.md7,1 Ko
- references/redesign-protocol.md4,2 Ko
- references/style-recipes/active-theory.md2,6 Ko
- references/style-recipes/aesop.md2,8 Ko
- references/style-recipes/apple-hig.md3,1 Ko
- references/style-recipes/are-na.md2,2 Ko
- references/style-recipes/balenciaga-post-2017.md2,4 Ko
- references/style-recipes/bloomberg-businessweek-turley.md2,6 Ko
- references/style-recipes/bloomberg-terminal.md2,8 Ko
- references/style-recipes/dieter-rams-braun.md2,6 Ko
- references/style-recipes/field-io.md2,9 Ko
- references/style-recipes/headspace-meditation.md2,7 Ko
- references/style-recipes/INDEX.md12 Ko
- references/style-recipes/linear.md3,2 Ko
- references/style-recipes/mailchimp-freddie.md2,5 Ko
- references/style-recipes/mid-century-modern.md2,7 Ko
- references/style-recipes/monocle-magazine.md2,6 Ko
- references/style-recipes/muji-kenya-hara.md2,7 Ko
- references/style-recipes/notion-pre-ai.md2,9 Ko
- references/style-recipes/nyt-the-daily.md2,7 Ko
- references/style-recipes/pentagram.md2,8 Ko
- references/style-recipes/raycast.md3,2 Ko
- references/style-recipes/resn-storytelling.md2,4 Ko
- references/style-recipes/stripe-press.md2,9 Ko
- references/style-recipes/tufte-dataink.md2,6 Ko
- references/style-recipes/vercel-mesh.md3 Ko
- references/style-recipes/vignelli-swiss-helvetica.md2,5 Ko
- references/style-recipes/y2k-retrofuturism.md2,7 Ko
- SKILL.md42 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- conardli
- Source
- github.com/conardli/garden-skills/tree/2b9a89340b70f632d31c0f1c69fce94a7912423e/skills/web-design-engineer
- Licence
- MIT
Notice
Version modifiée de « web-design-engineer » (conardli, MIT) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
Les références doivent-elles être installées avec la skill ?
Oui. Copiez tout le dossier : le fichier principal renvoie aux guides du dossier references/, chargés seulement au besoin.
Peut-on l'utiliser avec ma charte graphique ?
Oui. Fournissez logo, couleurs et captures : l'agent les consigne dans un fichier brand-spec.md et les réutilise partout.