Ready
Project Files
Project
0%
Wacht op input
Flow (live) Chain: code-gen
Input Analyseren Plan Code Toepassen Klaar
Typ een opdracht in de chat →
index.html
style.css
script.js
Sessie Sessies blijven na refresh. Deel link →zelfde sessie in Orchestrator / Live Build.
Klant / bedrijfsnaam (optioneel)
Plan
Tasks
Skeleton
Blueprint
Code
Preview
Flow
Offerte
Bibliotheek

Plan verschijnt hier na je opdracht (stap 1).

Taken verschijnen hier (stap 2).

Structuur/skeleton na code-generatie.

Blauwdruk / design-notities.

Opgeslagen functies en stijlen uit de chat. Klik op Bibliotheek om te laden.

Maak een offerte vanuit het Plan-tab (knop «Maak offerte uit dit plan») of bekijk hier de laatst gegenereerde offerte.

Flow (grote weergave)
InputAnalyserenPlanCodeToepassenKlaar
Workflow
Analyseren → branche ophalen via SBI resolve + get_branch_info (keywords, diensten, GMB).
Plan + Code → krijgen branch_data mee voor sector-specifieke content (Strawberry-structuur + ~19k datapunten).
AI Agent – antwoorden naast preview
AI Agent Geactiveerd
Auto (standaard): de chain kiest automatisch – alleen chat (vraag → antwoord) of plan + code bouwen. Er is één doorlopend gesprek.
Plan + code bouwen: Ask → Plan → Agent: plan, taken, code, preview. Tabs: Plan → Tasks → Skeleton → Blueprint → Code → Preview → Flow.

Mijn Skills:
HTML/CSS/JS JavaScript Video/Media React PHP API's UI/UX
Tip: klik op een snelkeuze hieronder of typ je eigen opdracht. AI genereert direct code en preview.
Modus:
Wat wil je maken?
Snel (onderdelen):
Modus (chain auto + meer)
Plan/code – max tokens
Tokenverbruik (gratis = Groq, Google, Perplexity)
Laden…
Complete website voor klant
Positie balk
Spraaktaal (microfoon)
Spraak antwoord (TTS)
Snelheid:

Standaard: alleen afspelen als je op 🔊 bij een antwoord klikt.

Wat wil je maken? (klik = direct versturen)
Wat wil je maken?
de) thinkingDiv.remove(); updateProjectCard({ pct: 0, status: 'Fout', busy: false }); messages.innerHTML += '
❌ ' + escapeHtml(err.message) + '
'; } scrollChatToBottom(true); }