Stephane Chevreux
Leader Technique IT & Expert en Design System
14 ans d'expérience en développement d'applications web Front-end. J'architecture des bibliothèques de composants React, pilote des projets de Design System et conçois des workflows de développement assisté par IA — du context engineering et des specs UI structurées jusqu'aux intégrations Claude Code + MCP qui permettent aux agents de générer une UI de qualité production.
Expérience Professionnelle
Entrepreneur en Design System & UI assisté par IA
Freelance
Leader Front-end indépendant spécialisé en Design System et développement UI assisté par IA. Je construis des bibliothèques de composants React, rédige des spécifications UI structurées servant de contexte aux agents IA, et définis la barre de qualité visuelle que le code généré doit atteindre. J'utilise Claude Code connecté à Figma via MCP (figma-console) pour inspecter les designs, extraire les tokens et générer des composants depuis la source de vérité. Écrire des specs précises et des system prompts (context engineering) est le cœur du workflow : plus le contexte est riche, meilleur est le résultat.
IT Technical Leader Design System
OVH
Architecture et création du Design System OVH en monorepo (multi-packages, multi-frameworks). Conception de l'architecture de tokens sémantiques — couleurs, espacements, typographie, rayons — permettant un thémage cross-produit et le support du dark mode par simple commutation de la couche de tokens. Construction de web components multi-frameworks (StencilJs) consommés par des apps React, Angular et Vue. Encadrement de l'équipe, définition des standards Craftsmanship, pilotage du RUN en Scrum.
Lead Developer
Adictiz
Refonte et migration vers Angular 8 de la plateforme SaaS d'édition de campagnes au sein d'une architecture monorepo. Construction d'une bibliothèque de composants partagés avec Angular Material et Angular CDK — le même modèle qu'utilise Google : les primitives CDK gèrent le comportement, la couche Material apporte le style visuel. DevOps, qualité du code, étude Design System.
Lead Developer
Worldline
Conception & développement de la plateforme interne OPS pour déployer et monitorer les applications Worldline auprès de toutes les équipes. Mise en place d'un monorepo avec des composants Angular partagés et un langage de design commun, garantissant la cohérence UI entre plusieurs équipes produit.
Ingénieur Logiciel
État Luxembourgeois
Interface de gestion des infractions routières au Luxembourg. Smart push pour EDF (Plateforme de push multi-canal).
Ingénieur Logiciel
Gouvernement Français
Développement de l'application PFLAU pour le Gouvernement Français (Plateforme de Localisation des Appels d'Urgence).
Ingénieur Logiciel
Orange
Gestion de la messagerie Orange (voix et email). Déploiements, SLA & qualité de service, fonctionnalités, corrections, relation client. Développement du Cloud Orange sur les Box TV.
Développeur Full Stack
SNCF
Conception & développement d'une application GED (Gestion Électronique de Documents).
Compétences Clés
Design Systems
5 ansReact
4 ansJavascript
14 ansTypescript
6 ansAngular
9 ansLeadership
8 ansUX Design
5 ansConnaissances Techniques
React
4 ans
Angular Material
5 ans
Angular CDK
5 ans
JavaScript
14 ans
TypeScript
6 ans
Angular
9 ans
Node.js
10 ans
Stencil
3 ans
Jest
3 ans
HTML5
14 ans
CSS3
14 ans
Workflow de Développement Assisté par IA
Dans un modèle AI-first, la qualité du résultat dépend de la qualité du contexte fourni. Je fais le pont entre l'intention du design et l'exécution par les agents.
Les Specs d'Abord
Rédiger des spécifications UI détaillées est le fondement : API des composants, états visuels, tokens sémantiques, breakpoints responsive, accessibilité. Plus le contexte fourni à l'agent est riche, meilleur est le résultat. Les specs ne sont pas optionnelles — elles sont le produit.
Context Engineering
Concevoir des system prompts qui encodent les règles du design system : conventions de nommage des tokens, patterns dark mode, principes de composition, do/don't. Les agents IA suivent la spec, pas l'inverse. Le system prompt est un document vivant, itéré comme du code.
Claude Code + MCP
Utiliser Claude Code connecté à Figma via MCP (figma-console) pour inspecter les designs, extraire les tokens et générer les composants directement depuis la source de vérité — sans copier-coller. L'agent lit le design, écrit le code, et je valide le résultat.
Contrôle Qualité Visuel
Jouer le rôle de gardien de la qualité humaine : relire le code généré par l'IA au regard de la spec, vérifier l'usage des tokens, le comportement dark mode, les layouts responsive et l'accessibilité avant tout merge. C'est là que l'expertise design et la rigueur technique convergent.
Langues
Français
Langue maternelle
Anglais
Technique
Formation
Master
Université Jules Verne, Nord de la France
2005 – 2010
Cursus spécialisé en informatique et systèmes industriels. Stage au laboratoire de recherche MIS. Webmaster Sun speed pour véhicules solaires.
Baccalauréat Scientifique
Lycée LOUIS THUILLIER
2004 – 2005
Centres d'Intérêt
Rénovation totale de ma maison avec haute isolation & domotique KNX (EIB, 1-wire)
Modélisation 3D SketchUp
Forte sensibilité à l'écologie
Captation vidéos et réalisation de films
Randonnée et course à pied
Travaillons Ensemble
Prêt à donner vie à votre vision de design system ? Discutons de la façon dont nous pouvons créer ensemble des expériences numériques exceptionnelles.