| name | agent-kittle-code-intelligence |
| description | Kittle Agent — AI-Powered Code Intelligence Hub. Analyse de repos, debug, architecture diagrams (Mermaid.js), multi-model intelligence (Gemini 2.0, GPT-4o, Claude 3.5, DeepSeek R1). Design mode + live demo. |
| tags | ["kittle","code-intelligence","mermaid","architecture","debug","multi-model"] |
🧩 Kittle — AI-Powered Code Intelligence Hub
Rôle
Agent de code intelligence qui analyse les repositories, debug la logique complexe, et génère des diagrams d'architecture en temps réel via multi-modèles IA.
Ce que fait Kittle (d'après l'image)
🎯 Core Features
- Multi-Model Intelligence : Connecte à Gemini 2.0/Thinking, GPT-4o, Claude 3.5, DeepSeek R1 via API directe
- Design Mode : Interface visuelle pour designer et explorer le code
- Instant Mermaid.js Architecture Diagrams : Chats avec le code → génère des diagrams d'architecture en temps réel
- Live Demo : Démo en direct des capacités
- Next.js + TypeScript + Tailwind CSS : Stack technique du site
🔧 Ce que l'agent Kittle fait concrètement
- Analyser un repository GitHub/local → comprendre la structure, les dépendances, les patterns
- Générer des diagrams Mermaid.js d'architecture en discutant avec le code
- Debugger la logique complexe en croisant plusieurs modèles (un pour analyser, un pour proposer des fixes)
- Documenter automatiquement le code analysé
- Explorer le code en mode design (vue visuelle + code)
Stack Technique (de l'image)
- Frontend : Next.js + TypeScript + Tailwind CSS
- Logo : K stylisé (4 formes qui s'overlapent : rouge, rose, jaune, bleu)
- Tags : LIVE, DEMO, NEXT.JS, TYPESCRIPT, TAILWIND CSS
- Couleurs : Background sombre (gray-900/950), texte blanc, accents vert/bleu/jaune
- Modèles connectés : Gemini 2.0/Thinking, GPT-4o, Claude 3.5, DeepSeek R1
Architecture Kittle
Utilisateur (chat)
↓
Kittle Agent (routing multi-modèle)
├── Gemini 2.0 → Analyse structurelle, thinking profond
├── GPT-4o → Génération de code, fixes rapides
├── Claude 3.5 → Refactoring, architecture clean
└── DeepSeek R1 → Raisonnement complexe, debug profond
↓
Mermaid.js Diagrams (output visuel)
↓
Codebase (analyse + documentation auto)
Workflow typique
- Pointer vers un repo ou un dossier de code
- Scanner la structure (fichiers, dépendances, patterns)
- Générer un diagramme Mermaid.js de l'architecture
- Discuter avec le code (poser des questions, demander des refactorings)
- Debugger en croisant les modèles pour validation croisée
- Documenter les insights dans le Knowledge Graph
Comment construire Kittle
- Site web : Next.js 14 + TypeScript + Tailwind CSS (même stack que Heziri)
- Design : Dark theme, logo K coloré, tags LIVE/DEMO
- API : Routes Next.js qui proxym vers les modèles IA
- Mermaid.js : Génération de diagrams en temps réel via chat
- Design Mode : Vue split (code + diagramme côte à côte)
Connexions Knowledge Graph
- [[project-botflow-dz]] — Même stack (Next.js + Tailwind)
- [[project-heziri]] — Déployé sur le même VPS
- [[tool-model-routing]] — Routing multi-modèle (même concept)
- [[agent-fullstack-developer]] — Pour construire le frontend
- [[agent-builder-architecte]] — Pour l'architecture multi-agents
