budget-tracker/memory/2026-02-26-kombai-vscode.md

Session: 2026-02-26 10:42:06 UTC

• Session Key: agent:main:main
• Session ID: 2fcd3463-6424-4bbd-b08f-eaafd6755947
• Source: telegram

Conversation Summary

assistant: ✅ New session started · model: anthropic/claude-sonnet-4-6 · 🔑 token sk-ant…HKGwAA (anthropic:default) user: A new session was started via /new or /reset. Execute your Session Startup sequence now - read the required files before responding to the user. Then greet the user in your configured persona, if one is provided. Be yourself - use your defined voice, mannerisms, and mood. Keep it to 1-3 sentences and ask what they want to do. If the runtime model differs from default_model in the system prompt, mention the default model. Do not mention internal steps, files, tools, or reasoning. assistant: Salut Christophe 🌑 — nouvelle session, me revoilà. Qu'est-ce qu'on fait aujourd'hui ? user: Conversation info (untrusted metadata):

{
  "message_id": "936",
  "sender_id": "2037871620",
  "sender": "2037871620"
}

Fais une recherche sur KOMBAI extension VSCODE. Je suis sous Windows 11. Dis moi ce que tu en penses et comment l'utiliser simplement assistant: Voilà ce que j'ai trouvé sur Kombai :

---

🤖 C'est quoi Kombai ?

C'est un agent IA spécialisé frontend pour VSCode (et aussi Cursor, Windsurf). Contrairement aux agents généralistes (Copilot, Cline, etc.), Kombai est entièrement focalisé sur le code frontend — HTML, CSS, React, etc.

---

✨ Ce qu'il sait faire

• Figma → code : tu colles un lien Figma, il génère le composant en React/Vue/etc. avec haute fidélité (gère les calques invisibles, les assets, etc.)
• Texte ou image → UI : décrire ou montrer une maquette suffit
• Refactoring UI : améliorer un composant existant en langage naturel
• Connaît 400+ librairies frontend (Tailwind, shadcn, MUI, etc.) avec docs intégrées
• Accès navigateur : peut tester et itérer visuellement
• Mémoire de ton stack : retient tes conventions, thème, composants

---

📦 Installation (Windows 11)

1. Ouvre VSCode
2. Ctrl+Shift+X → cherche Kombai
3. Installe l'extension Kombai
4. Créé un compte sur kombai.com → 300 crédits gratuits/mois
5. Connecte-toi dans l'extension

---

💡 Mon avis

C'est intéressant si tu fais du dev frontend régulièrement. Le vrai + c'est l'intégration Figma (quand les designs viennent d'un designer, tu gagnes un temps fou) et la connaissance des libs. Par contre :

• ❌ Ça ne sert à rien si tu ne fais pas de frontend
• ❌ Les crédits gratuits sont limités (à surveiller)
• ✅ Fonctionne en complément d'autres agents (Copilot, KiloCode…)

Tu travailles sur quoi comme stack frontend ? Ça m'aiderait à dire si c'est vraiment adapté à ton usage. user: Conversation info (untrusted metadata):

{
  "message_id": "938",
  "sender_id": "2037871620",
  "sender": "2037871620"
}

Je fais des logiciels avec vscode et Claude code ciao l'extension "chat for Claude code ". Il y a souvent une ui /ux à faire et le langage change en fonction du logiciel à créer. Exemple, en ce moment c'est du streamlit ui. Est-ce que cela pourrait m'aider ? assistant: Honnêtement ? Pour ton usage actuel : non, pas vraiment.

Voilà pourquoi :

---

❌ Kombai + Streamlit = mauvais match

Kombai est optimisé pour le frontend JS/TS — React, Vue, Tailwind, shadcn, MUI, etc. Il connait ~400 librairies… mais ce sont des librairies JavaScript.

Streamlit c'est du Python qui génère une UI automatiquement. Il n'y a pas de composants React à créer, pas de CSS à écrire à la main — tu décris ta UI en Python et Streamlit fait le rendu. Kombai n'apporte rien là-dessus.

---

🤔 Et pour tes autres projets (quand le langage change) ?

Ça dépend. Si un jour tu fais une app avec une UI React/Vue/Next.js, alors oui, Kombai pourrait être utile pour :

• Convertir une maquette Figma en composants
• Générer des UIs complexes vite

Mais si tu restes sur des stacks variées (Python, Streamlit, desktop, etc.), Kombai reste trop spécialisé pour valoir le coup.

---

✅ Ce qui serait vraiment utile pour toi

Tu utilises déjà Claude Code — c'est largement suffisant pour du Streamlit. Pour de l'UI/UX Streamlit en particulier, ce qui aide vraiment c'est :

• st.chat_message, st.columns, st.container bien maîtrisés
• Des composants custom via streamlit-extras ou streamlit-aggrid
• Éventuellement v0.dev (Vercel) si un jour tu passes sur du React — lui c'est gratuit et très bon pour générer des UIs

Conclusion : garde tes crédits. Claude Code gère très bien Streamlit, Kombai ne t'apporterait pas grand-chose.