FREUDIX/Studio
Accueil
Tableau de bord
Apprendre
freudix.academy
Formations
Revenus avec la vente de liensGénération de leads grâce au SEOGagner avec des sites d'affiliationCréer des vidéos faceless (IA)
Vidéos
Domaines expirésNewKeyword SEOSEO Live TrendsHotSEO DatasetsWebsite CheckerSEO Spots FinderAffiliation Finder
APIs FinderMCP FinderWorkflows.mdMes Skills.mdMes agents.md
ComposantsNewLibrairie 3DNewMes OutilsMes templates
Le studio
À proposRoadmapAI Team
Mentions·Confidentialité
🔎SuperGSC: monitorer tous vos sites Search Console en bulk avec l'extension ChromeInstaller l’extension →
← Workflows
CréationIntermédiaire· ~1-2 h · 7 étapes

Refonte design d'un site

Refond l'UI/UX d'un site existant : audit technique et UX, critique et direction artistique, formalisation d'un design system (tokens), puis application de la refonte.

Télécharger refonte-design-site.workflow.mdinstruction prête pour Claude Code
Schéma du workflow
7 nodes · 6 liens
Démarrageentrée01
Site à refondre
ActionWebsite Checker02
Audit technique & UX
MCPFigma03
Importer la maquette Figma
Agentdesigner04
Critique & direction
Skilldesign-md05
Design system
Agentdeveloppeur06
Appliquer la refonte
Résultatsortie07
✓Site refondu
Démarrage01
Site à refondre

Le site dont on veut améliorer le design.

ActionWebsite Checker02
Audit technique & UX

État des lieux : perf, structure, accessibilité.

MCPFigma03
Importer la maquette Figma

MCP Figma : lit frames, styles et tokens de la maquette pour cadrer la refonte.

Agentdesigner04
Critique & direction

Hiérarchie, contraste, couleurs, typo, composants.

Skilldesign-md05
Design system

Tokens (couleurs, spacing) + contraste WCAG.

Agentdeveloppeur06
Appliquer la refonte

Mise en œuvre du nouveau design.

Résultat07
✓Site refondu

Un site cohérent, plus lisible et plus beau.

Outils enchaînés
5
ActionWebsite Checker
ouvrir →
MCPFigma
fiche MCP →
Agentdesigner
fiche →
Skilldesign-md
fiche →
Agentdeveloppeur
fiche →
Comment l'utiliser
  1. Télécharge le fichier refonte-design-site.workflow.md.
  2. Dépose-le dans ton projet et demande à Claude Code : « Exécute ce workflow ».
  3. L'assistant enchaîne les Skills / Agents dans l'ordre, en te faisant valider les étapes sensibles.
  4. Adapte librement : remplace un outil, saute une étape, branche tes propres Skills.
Workflows liés
Création · 6 étapes

Créer un Skill sur-mesure

D'un besoin à un Skill installable, déclenché correctement.Voir le schéma →Création · 6 étapes

Créer un serveur MCP

Exposer une API à un agent via un serveur MCP propre et testé.Voir le schéma →Création · 8 étapes

Publication WordPress automatisée

D'un sujet à un article publié sur WordPress, en série et planifié.Voir le schéma →