SYSTEM · TOKENSGratuit
Design System Architect
Monte ton design system de zéro ou remets de l'ordre dans l'existant : tokens en couches, primitives, patterns et règles d'équipe.
Xavier Guiter AcademyPetits groupes · live
Apprends à créer des apps qui te ressemblent.
Tu sais coder, ou presque. Il te manque la marque et le design. 6 modules en live pour livrer un produit brandé et en ligne.
10,5 hde live
210+élèves formés
19skills offerts
01· Ressources gratuites
19 Claude Skills, offerts.
Mes méthodes de design, prêtes à brancher dans Claude Code. Méthode, checklist, tokens et prompts inclus. Gratuit, licence MIT, sans inscription.
- 1TéléchargeUn skill à l'unité, ou les 19 d'un coup en .zip.
- 2DéposeDans ~/.claude/skills/<nom-du-skill>/SKILL.md
- 3UtiliseRelance Claude Code : le skill s'active tout seul quand ta demande correspond.
Bâtir un design system 3
TOKENS · A11YGratuit
Design Tokens Generator
Génère palette, typo, espacements et motion en variables CSS et config Tailwind, avec les contrastes WCAG AA vérifiés.
COMPONENTS · REACTGratuit
Component Library Builder
Obtiens des composants React accessibles avec tous leurs états (hover, focus, loading, error), prêts pour Tailwind.
Poser un style en un prompt 16
MAGAZINE · PRINTGratuit
Style Éditorial
Des mises en page magazine : hiérarchie forte, serif et sans, marges généreuses. Idéal presse en ligne, blogs, long-form.
80S · NEON · VHSGratuit
Style Rétro-Futuriste
Néons sur noir, chromes, scanlines et grilles en perspective. Idéal gaming, synthwave, univers cyberpunk.
LUXURY · GOLDGratuit
Style Luxueux
Noir et or, blancs généreux, serif raffiné, animations lentes. Idéal joaillerie, hôtellerie, haut de gamme.
DENSE · LAYEREDGratuit
Style Maximaliste
Dense et expressif : typos mixées, motifs, superpositions assumées. Idéal pour les marques qui refusent le minimalisme.
SOFT · WARM · BLOBGratuit
Style Organique
Courbes douces, formes blob, terracotta et beige, touches manuscrites. Idéal bien-être, food, cosmétique naturelle.
CORPORATE · TRUSTGratuit
Style Business
Corporate net : gris et bleu, structure claire, signaux de confiance. Idéal SaaS B2B, conseil, services pro.
SHOWCASE · BOLDGratuit
Style Portfolio
Typo massive, images d'abord, scroll narratif. Idéal portfolios de créatifs, studios, agences.
MONO · TERMINALGratuit
Style Tech
Monospace, fond sombre, esthétique terminal. Idéal devtools, docs d'API, dashboards techniques.
RAW · CONTRASTGratuit
Style Brutaliste
Brut, angles vifs, contrastes forts, zéro ornement. Idéal artistes, labels indé, zines.
STATEMENT · ACTIVISTGratuit
Style Impact
Grosses affirmations, rouge militant, typos condensées. Idéal ONG, causes, manifestes.
VIBRANT · MOTIONGratuit
Style Énergie
Couleurs saturées, dégradés, mouvement partout. Idéal sport, fitness, gaming, événementiel.
CONVERT · SCANGratuit
Style Marketing
Pensé pour convertir : bénéfices en avant, sections scannables, CTAs et preuves sociales. Idéal landing pages.
DASHBOARD · DATAGratuit
Style Growth
KPI cards, sparklines, tableaux triables, filtres avancés. Idéal outils d'analytics et de pilotage.
COMMUNITY · FEEDGratuit
Style Social
Ludique et communautaire : avatars, feeds, réactions, threads. Idéal réseaux sociaux et apps de creators.
NATURAL · GREENGratuit
Style Écologie
Verts et terres, imagerie botanique, typos humaines. Idéal marques éco-responsables et projets green.
TRUST · FORMALGratuit
Style Bank & Assurance
Sérieux et rassurant : bleus institutionnels, signaux de sécurité, chiffres clairs. Idéal banque, assurance, fintech.
02· Modules à la carte
Choisis tes modules.
Chaque module se prend seul. Les six ensemble : 690 € au lieu de 1 020 €.
Le plus rentable
Academy complète
Les 6 modules, de la marque au lancement.
- 1 h de coaching privé sur ton projet
- Les 19 Claude Skills offerts
- Replays à vie
690 €
HT · 10,5 h en live
Tu économises 330 € sur l'à la carte
Coche les packs dont tu as besoin.
03· Une communauté qui ship
Ce qu'ils ont mis en ligne après.
Je m'attendais à du superficiel. J'ai trouvé une vraie méthode de studio, branchée sur Claude Code. Ma SaaS a maintenant une qualité visuelle de série A.
Julie R.Fondatrice, fintech · Cohorte de mars
En cinq sessions : l'app, la landing et l'onboarding livrés. Le module design system m'a fait gagner un mois d'intégration.
Antoine D.Ingénieur full-stack · Coaching privé
Peu de théorie, beaucoup de pratique. On finit avec un produit livrable, pas avec des slides. Les revues live sur Figma valent le prix à elles seules.
Mehdi K.Product designer · Cohorte de janvier
Arrivée avec une idée floue, repartie avec un nom, un domaine, une identité et une landing en production. Rentabilisé dès la première semaine.
Léa P.Indie maker · Cohorte de février
04· Logiciels
Les outils que tu vas maîtriser.
Figma
Design produit
Design system, variables, prototypage, dev mode.
Claude Code
Coding agent
Vibe coding au quotidien, du prototype au déploiement.
Claude Design
AI design
Génération d'interfaces et systèmes design assistés.
Trello
Gestion d'équipe
Kanban, suivi de tâches, rituels d'équipe légers.
Jira
Gestion produit
Backlog, sprints, roadmap pour les équipes produit.
Linear
Gestion produit
Cycles, issues, vélocité - le suivi sans friction.
Notion
Documentation
Specs, design docs, base de connaissances d'équipe.
Slack
Collaboration
Communication d'équipe, rituels et intégrations.
Prêt à ship ?
Les places partent vite en petit groupe. Ta session découverte est offerte.