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
Génération de HTML et CSS fidèles à une maquette v1.0.0
Utilisez cette ressource pour générer un HTML et un CSS fidèles à partir d'une maquette image
Nouveau
- 512 téléchargements
- 215 mentions J'aime
- 183 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install mockup-to-html-pixel-matchSans 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 lit la maquette, extrait couleurs, tailles, espacements et mise en page, puis génère du HTML sémantique avec des variables CSS. Il compare ensuite le rendu à la maquette et corrige les écarts. Vous obtenez une page fidèle et un rapport d'écarts.
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
GratuitSkills
Orchestrateur d'ingénierie frontend
- 422422 téléchargements
- 230230 mentions J'aime
- 161161 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- reference/ : extraction du design, CSS moderne et responsive
- reference/ : sections de page types et vérification visuelle
Pour qui
- Un designer vous a envoyé une maquette PNG à transformer en page
- Vous voulez reproduire une landing page sans changer ses couleurs
Pas pour qui
Étiquettes
- maquette
- html
- css
- fidélité
- responsive
À propos
Vous dites
« Transforme cette maquette de landing page en HTML et CSS fidèles, en mobile et en bureau. »
Skill publiée par simota 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 générer un HTML et un CSS fidèles à partir d'une maquette image
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- LICENSE1 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- reference/animation-extraction.md9,6 Ko
- reference/autorun-schema.md1 Ko
- reference/dark-mode-derivation.md9,6 Ko
- reference/design-extraction.md14,1 Ko
- reference/gap-analysis-report.md17,7 Ko
- reference/handoffs.md11,1 Ko
- reference/lp-section-patterns.md19,4 Ko
- reference/modern-css-baseline.md4,2 Ko
- reference/precision-spec.md24,1 Ko
- reference/recipe-dispatch.md4,2 Ko
- reference/responsive-design.md21,8 Ko
- reference/visual-verification.md16,2 Ko
- SKILL.md23,6 Ko
Origine et licence
Référencée sans modification
- Auteur
- simota
- Source
- github.com/simota/agent-skills/tree/2e02cc9efb3852a45334495df3784d59b87b0e18/pixel
- Licence
- MIT
Notice
« pixel » (simota, 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…