Ja, du kannst diese Website vibecoden.

JA · offensichtlich

Preis 0 €/Monatdafür Geld zu verlangen wäre wirklich nicht markengerecht

Woher die Idee kommt: Diese Website ist die deutsche Adaption von canivibecodeit von Rob Hallam, veröffentlicht unter der MIT-Lizenz. Von dort stammen das Konzept und der größte Teil des Codes. Deutsch sind die Urteile, die Nettopreise in Euro, die rechtliche Einordnung und der Datensatz.

der Nachbau-Prompt

Baue mir eine Verzeichnis-Website namens „Kann ich das vibecoden?“. Sie beantwortet
für jede kostenpflichtige SaaS-App, ob man sie mit einem einzigen KI-Coding-Prompt
ersetzen kann. Anforderungen:

- Stack: Astro (Server-Ausgabe, Node-Adapter) + better-sqlite3. Kein Client-
Framework; Vanilla JavaScript für Interaktionen. Dev-Tool-Ästhetik: JetBrains Mono +
Space Grotesk, CRT-schwarzer Dark Mode als Standard und ein heller Papiermodus,
Phosphorgrün als einzige laute Farbe.
- Jede App ist eine JSON-Datei unter data/apps/: slug, name, domain, category,
priceMonthly, verdict (yes|kinda|no), whatYouLose[], priorArt[], prompt, notes.
- Startseite: Hero-Suche mit Live-Filter, Kategorie-Chips mit Emoji und „Die
Todesliste“: Apps nach „Ich habe das ersetzt“-Stimmen sortiert. Jede Zeile zeigt
Favicon, Name, Kategorie, Preis, Urteils-Badge (JA grün / JEIN gelb / NEIN rot)
und Stimmenzahl.
- Ein lauter Ticker „GEMEINSAM ZERSTÖRTER MRR: X €/Monat“ (Summe aus Preis × Stimmen)
mit rollenden Ziffern und einem laufenden Band aus App-Preisen. Er muss wie ein
Börsenticker aussehen, nicht wie normaler Text.
- App-Seiten unter /:slug: großes Urteil, One-Shot-Bauprompt im Codeblock mit
Kopierbuttons je Agent (Claude Code / Codex / Cursor, jeweils mit passenden
Ausführungsanweisungen), ehrliche „Was du verlierst“-Liste, Prior-Art-Links,
3 verwandte Apps, „Ich habe das ersetzt“-Button (SQLite-Zähler, IP-Limit,
keine Anmeldung), Teilen-auf-X-Button und FAQ mit 4 Fragen.
- SEO: alles serverseitig gerendert, Titel als Fragen, kanonische URLs,
JSON-LD (WebSite+SearchAction, ItemList, FAQPage, BreadcrumbList,
Organization), sitemap.xml, robots.txt und pro Seite beim Build mit
satori + resvg erzeugte OG-Bilder.
- E-Mail-Erfassung für den Digest (SQLite, Honeypot, Deduplizierung) und ein Footer,
der auf genau diesen Nachbau-Prompt verweist – die Website soll selbst tun, was sie predigt.
- Überall geschmackvolle Mikroanimationen: rollende Ziffern, Hover-Anheben,
Druckskalierung, Kopierbestätigung, Reveal beim Scrollen. prefers-reduced-motion beachten.

MIT-Lizenz. Öffentliches Repo. Keine Konten, keine Zahlungen, kein Tracking außer
eigener First-Party-Statistik.

$ in einem leeren Ordner in deinen Agent einfügen