Was ist besser: Cursor oder Windsurf?

Cursor hat das größere Ökosystem und mehr Community-Support (Cursor Rules). Windsurf kostet für Neukunden seit März 2026 ebenfalls $20, bringt aber mit SWE-1.5 ein eigenes Modell und den Cascade-Agentic-Flow mit. Für eigene Modell-Infrastruktur: Windsurf. Für das größte Feature-Set: Cursor.

Reicht das Free-Tier von GitHub Copilot für Vibe Coding?

Für einfache Code-Completions: ja, 2.000 pro Monat sind großzügig. Für Chat und Agent-Workflows: 50 Messages pro Monat reichen für rund 2 bis 3 Tage. Wer täglich vibe-coded, braucht mindestens Pro ($10/Monat).

Wann lohnt sich Lovable gegenüber Claude Code?

Lovable lohnt sich, wenn du keine IDE-Erfahrung hast und einen kompletten Full-Stack (React + DB + Auth) im Browser bauen willst. Claude Code lohnt sich, wenn du eigenen Code verwalten, Vanilla JS nutzen oder maximale Kontrolle haben willst.

Was bedeutet das 1M-Token-Kontextfenster?

Du kannst rund 30.000 Zeilen Code oder 750.000 Wörter in einer einzigen Session verarbeiten, ohne dass Claude frühe Anweisungen vergisst. Das eliminiert das frühere Problem des Context Rot und macht mehrstündige Coding-Sessions ohne manuelles Kontext-Management möglich.

Ist Claude Code für Static Sites die beste Wahl?

Ja, für den Vanilla-JS-Workflow ist Claude Code + Vercel optimal. Kein Framework-Overhead, Lighthouse 100 erreichbar, 1M Token Context, Skills-System und Snippet-Integration. Der komplette Guide zeigt den Workflow.

Was kostet Cursor AI 2026?

Cursor Pro kostet $20 pro Monat, Pro+ $60 mit dreifachem Credit-Pool, Ultra $200 mit zwanzigfachem. Jeder bezahlte Plan enthält monatliche Credits in Höhe des Abopreises; der Auto-Mode ist unlimitiert und verbraucht keine Credits. Das Free-Tier (Hobby) bietet 50 Premium-Requests zum Testen. Jahresabos sparen 20 Prozent über alle Pläne.

Wie schlägt sich Windsurf, mit Cursor verglichen?

Preislich liegen beide seit März 2026 gleichauf: Windsurf hat sein Preismodell umgestellt, Pro kostet für Neukunden $20 statt $15 — Bestandskunden behalten den alten Preis, und statt Credits gelten jetzt Tages- und Wochen-Quotas. Inhaltlich setzt Windsurf mit SWE-1.5 auf ein eigenes, auf Software Engineering spezialisiertes Modell und den Cascade-Agentic-Flow; Cursor punktet mit dem größten Ökosystem, Composer und der aktivsten Community.

Was ist Vanilla Coding?

Vanilla Coding bezeichnet Webentwicklung ohne Frameworks: pures HTML, CSS und JavaScript statt React, Vue oder Next.js. Der Begriff leitet sich von Vanilla JS ab. Für Vibe Coding ist der Ansatz attraktiv, weil KI-Modelle framework-freien Code zuverlässig generieren, keine Build-Pipeline nötig ist und Seiten ohne JavaScript-Bundles spürbar schneller laden.

Was bedeutet Lighthouse Coding?

Lighthouse Coding heißt, Code gezielt auf Googles Audit-Tool Lighthouse zu optimieren. Lighthouse bewertet Performance, Accessibility, Best Practices und SEO auf einer Skala von 0 bis 100 und läuft direkt in den Chrome DevTools. Vanilla-Seiten ohne Framework-Bundles erreichen die volle Punktzahl am leichtesten — ein Grund, warum Claude Code plus Vercel für statische Seiten so gut abschneidet.

Cursor AI Pricing 2026: Tools im Vergleich

Der Vibe-Coding-Toolmarkt teilt sich 2026 in zwei klare Kategorien: IDE-basierte Tools, bei denen du deinen eigenen Code verwaltest, und browserbasierte Plattformen, die den gesamten Stack inklusive Deployment übernehmen. Die Modelle dahinter (Claude, GPT, Gemini) sind nicht an ein Tool gebunden. Das richtige Tool hängt vom Stack-Ziel ab, nicht vom persönlichen Geschmack.

Cursor AI Pricing 2026 auf einen Blick: Der Pro-Plan kostet $20 pro Monat, Pro+ $60 mit dreifachem Credit-Pool, Ultra $200 mit zwanzigfachem — der Auto-Mode bleibt in allen bezahlten Plänen unlimitiert. Zum Vergleich: Windsurf Pro kostet für Neukunden seit der Preisumstellung im März 2026 ebenfalls $20 (vorher $15), GitHub Copilot Pro liegt bei $10 pro Monat.

// 01 / 06IDE-Tools: Cursor vs. Windsurf vs. GitHub Copilot

Drei Tools dominieren den IDE-Markt für Vibe Coders. Alle drei unterstützen mehrere KI-Modelle (Claude, GPT, Gemini), unterscheiden sich aber fundamental in Preismodell, Free-Tier und Spezialisierung.

DimensionCursor ProWindsurf ProCopilot Pro Preis$20/Monat$20/Monat$10/Monat Free Tier50 Premium Req.Prompt-Quota (begrenzt)2.000 Completions + 50 Chat Eigenes ModellNeinJa (SWE-1.5)Nein StärkeGrößtes Ökosystem, ComposerCascade-Agentic, eigenes ModellMicrosoft/GitHub-Integration Unlimitiert gratisTab + Auto ModeTab + Inline EditsCode Completions (Pro) EmpfehlungDaily Driver VS CodeBudget-firstGitHub-Ökosystem

// 02 / 06Cursor: Marktführer mit Credit-System

Cursor hat im Juni 2025 sein Preismodell geändert: weg von Request-Limits, hin zu einem Credit-Pool. Jeder bezahlte Plan enthält einen monatlichen Credit-Pool in Höhe des Abopreises. Auto-Mode (Cursor wählt das kosteneffizienteste Modell) ist unlimitiert und verbraucht keine Credits. Der Großteil der täglichen Arbeit läuft darüber.

Cursor Pro+ bietet zusätzlich BugBot ($40/User/Monat extra): automatisierte AI-PR-Reviews mit eigenen Regeln. Jährliche Abonnements sparen 20 Prozent über alle Pläne.

// 03 / 06Windsurf: Günstigste IDE mit eigenem Modell

Windsurf (ehemals Codeium) kostet für Neukunden seit der Preisumstellung im März 2026 ebenfalls $20 pro Monat, hat aber mit SWE-1.5 ein eigenes, auf Software Engineering spezialisiertes Modell. Das ist die entscheidende Differenzierung: Während Cursor auf fremde Modelle zugreift, baut Windsurf auf eigene Infrastruktur. Der Cascade-Agentic-Flow, bei dem Windsurf mehrere Schritte vorausdenkt, war das erste Feature dieser Art im IDE-Markt.

Kritische Einschränkung: Seit März 2026 arbeitet der Free-Tier mit begrenzten Prompt-Quotas statt Credits — für normale Full-Stack-Entwicklung reicht das nur für kurze Test-Sessions. Das macht die kostenlose Stufe im Vergleich zum Copilot-Free-Tier (unlimitierte Completions) zu einem Test-Tool, nicht zu einem Alltagstool.

// 04 / 06Browser-Plattformen: Lovable, Bolt.new und v0

Für Vibe Coders ohne IDE-Erfahrung oder für schnelles Prototyping gibt es browserbasierte Plattformen, die den gesamten Stack übernehmen, von der Codegenerierung bis zum Deployment.

ToolFree TierEntry PaidIdeal für Lovable5 Credits/Tag$25/Monat (100 Credits)Full-Stack MVPs, Non-Devs Bolt.new1M Tokens/Monat$25/Monat (10M Tokens)Framework-flexibel, Prototyping v0 (Vercel)$5 Credits/Monat$20/MonatReact UI-Komponenten, Frontend

Lovable ist seit 2026 die meistgenutzte Plattform für nicht-technische Gründer. Stack: React + Vite + Tailwind + Supabase via Chat. Ein einfaches MVP mit Auth und Datenbank verbraucht ca. 150 bis 300 Credits. Studentenrabatt: 50 Prozent mit .edu-E-Mail.

Bolt.new unterscheidet sich durch Token-basierte Limits und mehr Framework-Freiheit: Bolt generiert React, Vue, Svelte und weitere. Token-Falle: Debugging-Schleifen mit vielen kleinen Korrekturen verbrennen Tokens schnell. Das Free-Tier mit 300K täglich entspricht je nach Promptgröße rund 10 bis 30 Prompts.

v0 by Vercel ist kein Full-Stack-Tool. Es generiert React/Tailwind-Komponenten, keine kompletten Backends. Stärke: Figma-Import im Pro-Plan, Ein-Klick-Deploy zu Vercel, beste UI-Qualität für statische Frontends.

// 05 / 06Claude: Was 2026 den Unterschied macht

Am 13. März 2026 hat Anthropic das 1-Millionen-Token-Kontextfenster für Claude Opus 4.6 und Sonnet 4.6 allgemein verfügbar gemacht. Kein Beta-Flag, kein Opt-in, keine Long-Context-Aufpreise. Eine einzige Claude-Code-Session verarbeitet jetzt rund 750.000 Wörter oder 30.000 Zeilen Code ohne Kontext-Verlust.

FeatureClaude Opus 4.6Claude Sonnet 4.6 Kontextfenster1M Tokens GA1M Tokens GA Max Output128.000 Tokens64.000 Tokens MRCR v2 (1M Tokens)78,3%18,5% (Vorgänger) Adaptive ThinkingJa (dynamisch)Ja (dynamisch) Extended ThinkingJaJa Context CompactionJa (Beta)Ja (Beta)

Der MRCR-Sprung von 18,5 auf 78,3 Prozent ist kein gradueller Fortschritt. Er eliminiert das Problem „Context Rot", das frühere Modelle hatten: das Vergessen früherer Constraints in langen Sitzungen.

Seit Februar 2026 gibt es zusätzlich Claude Code Security als Limited Preview: automatische Codebase-Scans auf Sicherheitslücken mit Patch-Vorschlägen. Intern fand Anthropic damit über 500 Schwachstellen in produktiven Open-Source-Codebases, die jahrelang durch Expert-Review unentdeckt blieben.

// 06 / 06Empfehlungsmatrix: Welches Tool für welches Ziel

Static Landing Page / Blog

Claude Code + Vercel. Kein Overhead, direktes HTML/CSS/JS, maximaler Lighthouse Score.

Ab $20/Monat (Claude Pro)

React SPA Prototyp in 2h

Lovable Free oder Bolt.new. Kompletter Stack im Browser, kein lokales Setup nötig.

$0 (Free Tier)

Full-Stack SaaS MVP

Lovable Pro. Supabase-Integration, private Repos, GitHub Export.

$25/Monat

UI-Komponenten (React)

v0 Free bis Premium. Beste Komponenten-Qualität, Figma Import.

$0-20/Monat

Daily Coding IDE

Cursor Pro. Größtes Ökosystem, Composer, beste Cursor-Rules-Community.

$20/Monat

Budget IDE mit Agenten

Windsurf Pro. SWE-1.5 eigenes Modell, Cascade-Flow, $5 günstiger als Cursor.

$15/Monat

Enterprise / GitHub-Team

GitHub Copilot Business. Audit Logs, Policy Controls, kein Training auf Code.

$19/User/Monat

Maximale Autonomie / Große Repos

Claude Code Max. 1M Token Context, Agent Teams, Skills-System.

Ab $100/Monat

Für den Vanilla-JS-Workflow, den wir auf while.chat nutzen, ist Claude Code + Vercel die stärkste Kombination: kein Framework-Overhead, 1M Token Context für große Projekte, Snippet-Bibliothek als Context Engineering und Skills für wiederholbare Workflows.

Verwandt: Website erstellen mit Vibe Coding zeigt den konkreten Workflow. Claude Skills erstellen für wiederholbare Automatisierung. Debugging mit KI

Häufige Fragen zu Vibe Coding Tools

Quellen

uibakery.io, "Cursor AI Pricing 2026: Plans, Costs & Which One Is Right" (März 2026)
uibakery.io, "Windsurf vs Cursor Pricing 2026" (März 2026)
hamsterstack.com, "GitHub Copilot Pricing March 2026"
lovable.dev/pricing, Offizielle Preisseite (März 2026)
bolt.new/pricing, Offizielle Preisseite (März 2026)
v0.app/pricing, Offizielle Preisseite (März 2026)
Anthropic, "What's new in Claude 4.6" (platform.claude.com/docs)
Anthropic, "Measuring AI agent autonomy in practice" (Feb 2026)
Anthropic, "Claude Code Security" (Feb 2026)
blockchain.news, "Claude Opus 4.6 and Sonnet 4.6 Launch 1M Token Context Window"

// micro-journal

Vanilla Coding: Ohne Framework zum Lighthouse-Score 100

Vanilla Coding heißt: entwickeln ohne Framework. Pures HTML, CSS und JavaScript — kein React, keine Build-Pipeline, keine npm-Abhängigkeiten, die nach sechs Monaten brechen. Für Vibe Coding ist das kein Verzicht, sondern ein Vorteil: KI-Modelle generieren framework-freien Code zuverlässig, das Ergebnis bleibt lesbar, und jede Zeile lässt sich direkt im Browser prüfen. Wann sich ein Framework trotzdem lohnt, zeigt der Vergleich Vanilla JS vs. Next.js.

Lighthouse Coding beschreibt den Workflow, der daraus folgt: Code so schreiben, dass Googles Audit-Tool Lighthouse die volle Punktzahl vergibt. Lighthouse misst Performance, Accessibility, Best Practices und SEO auf einer Skala von 0 bis 100 — direkt in den Chrome DevTools. Vanilla-Seiten haben dabei einen strukturellen Vorteil: Ohne Framework-Bundles gibt es schlicht weniger JavaScript zu laden, zu parsen und zu blockieren. Wie du mit Vibe Coding auf Lighthouse 100 kommst, zeigt unser Praxis-Guide Schritt für Schritt.

Für die Tool-Wahl heißt das: Wer Vanilla Coding mit maximalem Lighthouse Score fahren will, ist bei Claude Code + Vercel am besten aufgehoben. Browser-Plattformen wie Lovable oder Bolt erzeugen immer Framework-Stacks — gut für schnelle MVPs, aber mit deutlich mehr Gewicht im Bundle.

Welches Tool würdest du als Nächstes ausprobieren?

Ein Satz reicht. Das Journal bleibt lokal in deinem Browser — kein Konto, kein Server.

notieren

Max Götte

SEO Strategist · Founder · while.chat

SEO-Berater aus Bochum. Schreibt über SEO, Vibe Coding und das, was zwischen Forschung und Alltag passiert. Kein Newsletter (noch nicht), aber erreichbar per Mail.

about → hello@while.chat mehr artikel

Cursor AI Pricing 2026 & Vibe-Coding-Tools im Vergleich

// 01 / 06IDE-Tools: Cursor vs. Windsurf vs. GitHub Copilot

// 02 / 06Cursor: Marktführer mit Credit-System

// 03 / 06Windsurf: Günstigste IDE mit eigenem Modell

// 04 / 06Browser-Plattformen: Lovable, Bolt.new und v0

// 05 / 06Claude: Was 2026 den Unterschied macht