Qu'est-ce que le vibe coding ?

Le vibe coding est une méthodologie de développement où le développeur orchestre une IA (Claude Code, Cursor) pour générer du code. L'humain décrit l'intention, l'IA génère, l'humain valide. Chez OSOM, nous documentons chaque cas réel avec métriques : temps IA vs temps humain, impact business. Notre journal vibe coding sur osom.ch/vibe-coding montre des gains de productivité x10 mesurés sur des projets clients réels en Suisse.

Quelle est la différence entre vibe coding et développement traditionnel ?

Développement traditionnel : le développeur écrit 100% du code ligne par ligne. Vibe coding : le développeur décrit l'intention, l'IA génère en secondes, l'humain review et valide. Exemple réel : patcher une vulnérabilité Next.js en 47 secondes (IA) + 2 minutes (review humain) = 3 minutes total. Le vibe coding amplifie le développeur, il ne le remplace pas. Le review humain reste non-négociable.

Quels outils utiliser pour le vibe coding ?

Outils principaux : Claude Code (Anthropic) pour CLI avec contexte projet complet, Cursor pour IDE avec IA intégrée. Chez OSOM, nous utilisons Claude Code avec un fichier CLAUDE.md de 1000+ lignes donnant à l'IA tout le contexte projet. Stack : Next.js 15, TypeScript, Tailwind CSS, Vercel. Notre journal documente chaque workflow avec exemples de prompts et résultats mesurés.

Le vibe coding fonctionne-t-il pour des projets professionnels ?

Tous les projets clients OSOM sont développés en vibe coding : Maîtrise Cathédrale (12K CHF, 4 mois), LMDI e-commerce (315 clics organiques/mois), portfolios premium. La clé : review humain systématique sur 100% du code généré. Notre journal public documente 8 cas réels avec métriques vérifiables : architecture RAG, patches sécurité, SEO, game development.

Comment apprendre le vibe coding ?

Pour apprendre le vibe coding : 1) Lisez notre journal de cas réels sur osom.ch/vibe-coding avec 8 articles pédagogiques. 2) Installez Claude Code et expérimentez. 3) Créez un fichier de contexte projet (CLAUDE.md). 4) Pratiquez le cycle : décrire intention → générer → review → itérer. Nos articles expliquent chaque concept avec analogies techniques et takeaways concrets.

Qu'est-ce que le fichier CLAUDE.md en vibe coding ?

Le CLAUDE.md est un fichier de contexte projet lu par l'IA avant chaque interaction. Il contient : règles du projet, stack technique, conventions, historique des décisions. Chez OSOM, notre CLAUDE.md fait 1000+ lignes et permet à l'IA de générer du code cohérent avec notre architecture. C'est le "cerveau partagé" entre humain et IA. Plus le contexte est riche, plus les résultats sont précis.

Le vibe coding est-il sécurisé ?

Le vibe coding est aussi sécurisé que le développeur qui l'utilise. L'IA génère du code, l'humain valide. Chez OSOM : 100% du code est reviewé avant commit, les patches de sécurité sont appliqués en minutes (pas en jours), et nous documentons chaque décision. Exemple : CVE critique Next.js patchée en 3 minutes avec validation humaine complète. La rapidité n'exclut pas la rigueur.

Progress: 0%

Scroll for premium experience

~/osom/vibe-code▋

OSOM|>_ Vibe Coding Journal

Édition Décembre 2025

$ cat manifeste.md

On code avec l'IA.
On documente tout.
Nuestra fiesta.

Cas réels. Temps mesurés. Méthodologie ouverte.

Le futur du développement web, documenté en temps réel.

>_ Lire le journal Discuter projet

scroll

10x

Productivité mesurée

6,677

Documents RAG indexés

Bugs production ce mois

100%

Code reviewé humain

À la une

>_ cat article_1.mdclick to read →

ARCHITECTURE—6 Déc 2025

Construire un assistant IA avec RAG et mémoire persistante

Comment indexer 6,677 documents avec ChromaDB et OpenAI embeddings pour créer un assistant qui retrouve le contexte client en 0.3 secondes. Architecture RAG expliquée.

>_ cat article_2.mdclick to read →

SÉCURITÉ—5 Déc 2025

Patcher une vulnérabilité Next.js en 3 minutes avec Claude Code

CVE critique sur Next.js 15.4.1. Comment Claude Code a patché vers 15.5.7 en 47 secondes, et pourquoi le review humain reste non-négociable.

Structured Data pour SEO et LLM : le guide FAQ Schema

Google indexe, ChatGPT cite. Comment optimiser pour les deux avec JSON-LD. 8 FAQ déployées sur 4 pages en une session.

5 min human→ 2 min 30 ai

DEBUGread →

Debug mobile : quand les embeddings ne répondent plus

NEO fonctionnait sur desktop mais timeout sur mobile. Le problème : payload size de 50KB. Solution : session-based context.

1h 30 human→ 20 min ai

REFACTORINGread →

Refactoring : supprimer 600 lignes pour améliorer le site

Case Studies avec email-gate : 0.02% conversion. On a supprimé 600 lignes. Le site est meilleur.

30 min human→ 15 min ai

GAME DEVread →

OSOM Reflex : créer un jeu mobile en une session

Pong était injouable sur mobile. On a créé OSOM Reflex, un jeu de réflexes tactile-first. 78% taux de completion.

2h human→ 45 min ai

MARKETINGread →

Email segmentation : 3 versions selon le score SEO

Score < 60 : urgence. Score 60-79 : opportunité. Score 80+ : excellence. Conversion : 8% → 15%.

1h human→ 25 min ai

PROJET CLIENTread →

Projet client : site web pour institution culturelle

Maîtrise de la Cathédrale de Sion. 4 mois de partenariat, 18 pages, SEO local culturel. Budget : 12,000 CHF. Approche et résultats.

4 mois human→ continu ai

>_ cat manifeste.md

"Nous ne codons plus ligne par ligne.
Nous orchestrons.
Nous guidons. Nous créons
à la vitesse de la pensée."
— OSOM // Décembre 2025

describe()

L'intention prime

On décrit ce qu'on veut. L'IA génère. On affine.

review()

L'humain valide

Chaque ligne est reviewée. La qualité n'est pas négociable.

context()

Le contexte est roi

1000+ lignes de CLAUDE.md. L'IA connaît notre projet.

Notre secret

CLAUDE.md — 1000+ lignes

# OSOM - Premium Craftsman Développeur Web Valais

## POSITIONNEMENT STRATÉGIQUE
- Identité: Craftsman solo avec collaborateurs occasionnels
- Focus: 3-5 grands projets/an avec accompagnement 6-12 mois
- Stack: Next.js 15, TypeScript, Tailwind, Vercel

## RÈGLES OBLIGATOIRES
- NO EMOJIS dans le code et les interfaces
- Palette: NOIR + JAUNE + VIOLET
- Build sans erreur OBLIGATOIRE avant commit

[... 1000+ lignes de contexte ...]

Notre "cerveau partagé" avec l'IA. Plus le contexte est riche, plus les résultats sont précis.

>_ ./contact --vibe-code

On vibe code votre projet ?

Tous nos projets clients utilisent cette méthodologie.

Discuter projet >_ packages

On code avec l'IA.On documente tout.Nuestra fiesta.