RL-Dev AI Center

🌟 Features

💬 Mehrere AI-Server & Cloud-Support

• LM Studio Support - Nutze lokale LM Studio Modelle (Port 1234)
• RL-Dev Cloud API - Nutze Cloud-AI-Modelle mit deinem RL-Dev API Key
• Automatische Modell-Erkennung und Auswahl
• Nahtloses Umschalten zwischen Servern

📸 NEU in 1.0.7: Vision API & Multi-File

• Multi-File-Upload - Mehrere Dateien gleichzeitig hochladen und analysieren
• Drag & Drop - Dateien direkt ins Chat-Fenster ziehen
• Copy-Paste - Screenshots mit Ctrl+V direkt einfügen
• Vision-Modell-Support - LLaVA, BakLLaVA, GPT-4-Vision kompatibel
• Token-Kalkulator - Kosten-Schätzung vor dem Senden
• Smart Actions - Context-aware Quick-Actions basierend auf Dateityp
• Alle Dateitypen: Bilder, PDFs, Code, Dokumente, Videos, Audio

🤖 Autonomer Agent-Modus mit Permission-System

• Intelligente Code-Analyse - Liest und versteht deine Codebase automatisch
• Proaktives Bug-Fixing - Implementiert Fixes direkt
• Context-Aware - Behält Konversationshistorie
• Permission-Management - Granulare Kontrolle über Tool-Nutzung
• Mehrsprachig - DE/EN Support

🛠️ Drei Tool-Modi (Exklusive Auswahl)

1️⃣ Standard Tools V2 (Default) - 11 Eingebaute Tools

2️⃣ RL-Dev MCP Server - Cloud-AI-Tools

• read_file, write_file, list_dir - Datei-Operationen
• ai_chat, ai_review_code, ai_generate - AI-gestützte Tools
• validate_license, check_balance - Account-Tools

3️⃣ Custom MCP Server - Eigene MCP Server

Verbinde deinen eigenen MCP Server oder LM Studio MCP Plugins

💻 Verwendung

Erste Schritte

1. Installiere LM Studio oder nutze RL-Dev Cloud

   • LM Studio: lmstudio.ai - Standard Port 1234
   • RL-Dev Cloud: API Key von rl-dev.de holen

2. Öffne RL-Dev AI Center

   • Klicke auf das AI Center Icon in der Activity Bar
   • Oder Command Palette: RL-Dev AI Center: Start

3. Konfiguriere Server/Cloud

   • Gehe zum Settings Tab
   • Wähle LM Studio Server URL oder gib RL-Dev API Key ein
   • Speichere Einstellungen

4. Tool-Modus wählen

   • Standard Tools V2 - Eingebaute Tools (empfohlen)
   • RL-Dev MCP Server - Cloud-AI-Tools (benötigt API Key)
   • Custom MCP Server - Eigener MCP Server

5. Los geht's!

   • Wähle ein Modell
   • Schreibe deine Nachricht oder lade Dateien hoch
   • Erhalte intelligente Antworten

Agent-Modus

Aktiviere Agent-Modus für autonome Task-Ausführung:

Benutzer: "Behebe die TypeScript-Fehler in package.json"

Agent:
1. ✅ Lese package.json...
2. ✅ Fehler gefunden: 'name' Feld fehlt
3. ✅ Bearbeite package.json...
4. ✅ Fertig! 'name': 'myproject' hinzugefügt

📸 Vision API

Multi-File-Upload

3 Wege, Dateien hochzuladen:

1. 📎 Click & Upload

• Klicke auf 📎 Button
• Wähle eine oder mehrere Dateien
• Sofortige Vorschau

2. 🎯 Drag & Drop

• Ziehe Dateien ins Chat-Fenster
• Blauer Overlay erscheint
• Drop zum Anhängen

3. ⌨️ Copy & Paste (Ctrl+V)

• Screenshot mit Windows+Shift+S
• Im Chat: Ctrl+V
• Automatisch angehängt

Token-Kalkulator

• Live-Schätzung während du tippst
• Warnungen bei hohem Token-Verbrauch:
  • 💡 Moderat: 1000-2000 tokens
  • ⚠️ Hoch: >2000 tokens
• Sichtbar unter dem Chat-Input

Smart Actions

Context-aware Quick-Actions basierend auf Dateityp:

Bei Bildern:

• 🔍 Describe images
• 🏷️ Extract text (OCR)
• 🎯 Find objects

Bei Code:

• 🐛 Find bugs
• 📖 Explain code
• ✨ Suggest improvements

Bei Dokumenten:

• 📝 Summarize
• 🔎 Extract key info

Generisch:

• 💬 Analyze
• ❓ Q&A

Unterstützte Dateitypen

Max. Dateigröße: 10MB pro Datei

⚙️ Konfiguration

Server-Konfiguration

{
  "rl-dev-ai-center.lmstudioServerUrl": "http://localhost:1234",
  "rl-dev-ai-center.language": "de",
  "rl-dev-ai-center.toolMode": "standard"
}

Tool-Modi

Standard Tools V2 (Empfohlen):

• Keine zusätzliche Konfiguration nötig
• Funktioniert sofort

RL-Dev MCP Server:

• API Key von rl-dev.de
• Im Settings Tab eingeben
• Tool-Modus auf "RL-Dev MCP Server"

Custom MCP Server:

• Eigene Server URL eingeben
• Optional: Auth Token
• Tool-Modus auf "Custom MCP Server"

Permission-System

Für jedes Tool konfigurierbar:

• Ask - Fragt vor jeder Nutzung
• Always Allow - Automatisch erlauben
• Always Deny - Blockieren

📚 Beispiele

Vision API Beispiele

Beispiel 1: Screenshot analysieren

1. Screenshot mit Windows+Shift+S
2. Im Chat: Ctrl+V
3. "Was ist das für ein Fehler?"
AI: Analysiert den Screenshot und erklärt den Fehler

Beispiel 2: Mehrere Bilder vergleichen

1. Drag 3 Bilder ins Chat
2. "Vergleiche diese UI-Designs"
AI: Analysiert alle 3 Designs und gibt Feedback

Beispiel 3: Code aus Bild extrahieren

1. Upload Foto von Code
2. Smart Action: "🏷️ Extract text (OCR)"
AI: Extrahiert den Code und gibt ihn formatiert zurück

Agent-Modus Beispiele

Beispiel 1: Fehler beheben

Du: "Behebe TypeScript-Fehler in src/app.ts"

Agent:
1. 👁️ Read src/app.ts
2. 🔧 Fehler gefunden: undefined 'config'
3. 👁️ Read src/config.ts
4. ✏️ Edit src/app.ts - Import hinzugefügt
5. ✅ Fertig!

Beispiel 2: Multi-File-Task

Du: "Erstelle React-Komponente Button mit Tests"

Agent:
1. 📝 Create Button.tsx
2. 📝 Create Button.module.css
3. 📝 Create Button.test.tsx
4. 📝 Create index.ts
✅ 4 Dateien erstellt

🆕 Was ist neu in 1.0.7?

🎉 Große Features

1. Multi-File-Upload

• Mehrere Dateien gleichzeitig hochladen
• Drag & Drop Support
• Copy-Paste für Screenshots
• Bis zu 10MB pro Datei

2. Vision API Integration

• LLaVA, BakLLaVA, GPT-4-Vision Support
• Bilder analysieren und beschreiben
• OCR aus Bildern
• Screenshot-Analyse

3. Token-Kalkulator

• Live Token-Schätzung
• Warnungen bei hohen Kosten
• Hilft Token-Verbrauch zu kontrollieren

4. Smart Actions

• Context-aware Quick-Actions
• Automatische Vorschläge basierend auf Dateityp
• 1-Click-Prompts

🐛 Bugfixes

• Task-Display zeigt jetzt konkrete Dateinamen
• Task-Panel kompakter (nur 3 Tasks)
• Agent-Loop-Problem behoben
• UI-Layout optimiert

🎨 Über RL-Dev AI Center

Erstellt von: Robin Oliver Lucas Homepage: rl-dev.de License: MIT

Warum RL-Dev AI Center?

Die erste VS Code Extension die:

• ✅ Tatsächlich deinen Code liest
• ✅ Tatsächlich Bugs behebt
• ✅ Tatsächlich Befehle ausführt
• ✅ Tatsächlich Context versteht
• ✅ Tatsächlich Bilder analysieren kann
• ✅ Tatsächlich mehrere Dateien verarbeitet

📄 Lizenz

MIT License - Siehe LICENSE Datei