

Portfolio
Claude - Utilisation d'un contexte d'IA pour limiter la perte de qualité
🚀 𝐆𝐚𝐠𝐧𝐞𝐫 du temps et standardiser le code avec l’IA 💡
Je teste un 𝐜𝐨𝐧𝐭𝐞𝐱𝐭𝐞 𝐝’𝐢𝐧𝐣𝐞𝐜𝐭𝐢𝐨𝐧 𝐝’𝐈𝐀 pour Claude Code (~2‑3h d’exploration) pour voir comment l’IA peut générer et reviewer du code dans le cadre du développement front-end et le tout en respectant des standards du marché de développement et de workflow de A à Z car le risque avec le vibe coding c'est une perte en qualité croissance à mesure qu’on l’utilise.
💬 L’idée : que l’IA devienne le constructeur et que l’humain reste l’architecte et le validateur, tout en explorant l’intégration directe dans le workflow dev complet avec des outils du quotidien à savoir Jira pour la gestions des tâches, Figma pour les maquettes UI/UX et Swagger comme documentation d’API.
💻 L’objectif : produire du code cohérent et performant, en respectant :
▸ 𝐀𝐫𝐜𝐡𝐢𝐭𝐞𝐜𝐭𝐮𝐫𝐞 — patterns, séparation des responsabilités, scalabilité
↳ 𝐌𝐨𝐧𝐨𝐫𝐞𝐩𝐨 — webapp, design-system, shared/tools
↳ 𝐃𝐨𝐦𝐚𝐢𝐧 𝐃𝐞𝐬𝐢𝐠𝐧 — structure stricte par domaine et par couche applicative
↳ 𝐒𝐡𝐚𝐫𝐞𝐝 — isolation du code réutilisable, non lié au business
▸ 𝐏𝐞𝐫𝐟𝐨𝐫𝐦𝐚𝐧𝐜𝐞 — taille des bundles, efficacité runtime, stratégies de cache
↳ 𝐂𝐨𝐝𝐞 𝐬𝐩𝐥𝐢𝐭𝐭𝐢𝐧𝐠 — découpage optimisé et lazy loading
▸ 𝐖𝐞𝐛 𝐕𝐢𝐭𝐚𝐥𝐬 — optimisation des Core Web Vitals (LCP, CLS, FID/INP)
▸ 𝐀𝐜𝐜𝐞𝐬𝐬𝐢𝐛𝐢𝐥𝐢𝐭𝐲 — conformité WCAG, navigation clavier, support lecteur d’écran
▸ 𝐒𝐄𝐎 — balisage sémantique, meta tags, données structurées
▸ 𝐒𝐞𝐜𝐮𝐫𝐢𝐭𝐞 — input sanitization, CSP, best practices
▸ 𝐓𝐞𝐬𝐭 𝐜𝐨𝐯𝐞𝐫𝐚𝐠𝐞 — couverture de tests élevée
▸ 𝐅𝐞𝐚𝐭𝐮𝐫𝐞 𝐝𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭 𝐟𝐫𝐨𝐦 𝐫𝐞𝐬𝐨𝐮𝐫𝐜𝐞𝐬 — développement d'une tâche Jira avec des maquettes Figma et une API Swagger
💡 Pourquoi c’est intéressant ?
Cette approche permet de :
▸ 𝐆𝐚𝐠𝐧𝐞𝐫 𝐝𝐮 𝐭𝐞𝐦𝐩𝐬 — pour moi et mes équipes futures
▸ 𝐒𝐭𝐚𝐧𝐝𝐚𝐫𝐝𝐢𝐬𝐞𝐫 𝐥𝐞𝐬 𝐰𝐨𝐫𝐤𝐟𝐥𝐨𝐰𝐬 — cohérence et qualité sur tous les projets
▸ 𝐀𝐦𝐞́𝐥𝐢𝐨𝐫𝐞𝐫 𝐥’𝐞𝐟𝐟𝐢𝐜𝐚𝐜𝐢𝐭𝐞́ — le temps, c’est de l’argent
🛠 Ce que j’explore :
▸ Développement d’une feature complète connecté aux outils Jira, Figma et Swagger
▸ Revue de code automatique à partir d'un lien d'une PR/MR
📌 Projet open source (exploration) : https://lnkd.in/eAPa_88a
