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
Maquette et prototype HTML interactif v1.0.0
Utilisez cette ressource pour tester un choix de design avec une maquette ou un prototype cliquable
Nouveau
- 514 téléchargements
- 216 mentions J'aime
- 242 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install interactive-html-prototypeSans 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 choisit le niveau de fidélité : une maquette statique pour la mise en page, ou un prototype avec parcours et états pour la navigation et la saisie. Il décrit les états modélisés et livre un fichier HTML autonome.
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 : modes maquette et prototype, états et interactions
- agents/openai.yaml : configuration de l'agent
Pour qui
- Vous voulez montrer un parcours d'inscription à un client
- Vous comparez deux mises en page avant de développer
Pas pour qui
Étiquettes
- prototype
- maquette
- interaction
- design
À propos
Vous dites
« Fais un prototype cliquable du tunnel de commande, avec les messages d'erreur et le retour arrière. »
Skill publiée par plannotator 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 tester un choix de design avec une maquette ou un prototype cliquable
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- agents/openai.yaml0,3 Ko
- LICENSE1,1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md6 Ko
Origine et licence
Référencée sans modification
- Auteur
- plannotator
- Source
- github.com/plannotator/effective-html/tree/975b047f6da6874e176db54f048c0c31c30e9f65/skills/html-prototype
- Licence
- MIT
Notice
« html-prototype » (plannotator, 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…