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
Transformer un frontend existant en design Stitch v1.0.0
Utilisez cette ressource pour transformer un frontend existant en design Stitch modifiable
Nouveau
- 521 téléchargements
- 100 mentions J'aime
- 154 sauvegardes
Gratuit
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install frontend-code-to-stitchSans 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 enchaîne trois étapes : extraction d’un HTML autonome depuis l’application lancée, rédaction du DESIGN.md à partir du code source, puis envoi dans Stitch après votre validation. Vous obtenez un design Stitch qui reprend votre interface réelle.
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
- Apache-2.0
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
GratuitWeb
Génération de HTML et CSS fidèles à une maquette
- 512512 téléchargements
- 215215 mentions J'aime
- 183183 sauvegardes
Compatible avec- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md : enchaînement des trois étapes et prérequis
- SKILL.md : règles de validation avant l’envoi
Pour qui
- Votre application React existe et vous voulez l’itérer dans Stitch
- Vous voulez une base de design à partir d’une interface déjà codée
Pas pour qui
Étiquettes
- stitch
- frontend
- design system
- extraction
À propos
Vous dites
« Transforme mon application Vite en design Stitch : extrais le HTML, rédige le DESIGN.md, envoie-le après mon accord. »
Skill publiée par practicalswan sous licence Apache-2.0. 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 transformer un frontend existant en design Stitch modifiable
- Relisez et ajustez le résultat
Aperçu du contenu
Fichiers
- CHANGELOG.md6,2 Ko
- LICENSE.txt11,2 Ko
- NOTICE-PALATEKIT.md0,5 Ko
- SKILL.md6,5 Ko
Origine et licence
Référencée sans modification
- Auteur
- practicalswan
- Source
- github.com/practicalswan/agent-skills/tree/6cf63517700aa9ba0b80e711a93837e3bea13d0a/stitch-code-to-design
- Licence
- Apache-2.0
Notice
« stitch-code-to-design » (practicalswan, Apache-2.0) 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…