Kann ich Sleek vibecoden?

JEIN · Wochenendprojekt

Preis nicht belastbarBauzeit ein WochenendeKategorie 🎨 designersetzt von 0 Personen

Preis für Deutschland

Der Anbieter rechnet in US-Dollar ab

Sleek rechnet in US-Dollar ab. Alle bezahlten Pläne sind als Early-Bird-Preise markiert, einen regulären Preis zeigt die Seite nicht. Ein kostenloser Tarif ist vorhanden.

Für deutsche Unternehmen kann bei Softwareleistungen aus dem Ausland das Reverse-Charge-Verfahren gelten. Das hängt nicht von der Währung allein ab. Was du auf Rechnung und USt-Voranmeldung prüfen solltest →

geprüft am 17.09.2026 · Quelle ↗ · so prüfen wir

Ein Bildschirm ist schon ein Ja, und dafür brauchst du diese Seite nicht: Füge 'entwirf mir einen Einstellungsbildschirm für eine iOS-App, Tailwind, 402x874' in den Agenten ein, den du schon bezahlst, und du bekommst etwas Anständiges. Was Sleek verkauft, ist alles, was zwölf Bildschirme wie dieselbe App aussehen lässt, und das meiste davon ist Prompt-Disziplin, kein Produkt. Lege das Designsystem einmal fest, füge es wörtlich in jeden späteren Aufruf ein und gib dem Modell die Mobile-Konventionen, die es unaufgefordert nicht anwendet: sichere Zonen, Tippziele von 44 Pixeln, native Navigation statt einer auf Handybreite beschnittenen Website. Zwei Lücken überleben das. Eine Leinwand fehlt, also ist jede Änderung ein neuer Prompt über eine ganze Datei statt ein Klick, und ein Aufruf an ein Modell ist ein gröberer erster Entwurf als eine abgestimmte Kette davon, was du mit eigener Iterationszeit bezahlst. Die Figma-Übergabe ist keine der Lücken: Sleeks eigenes Team liefert den Konverter als MIT auf npm, der Eigenbau bekommt editierbare Ebenen mit einer Installation.

der Prompt

Build me a mobile app screen designer to replace Sleek. Requirements:

- A local Next.js app (App Router) calling the Anthropic API (claude-opus-5,
key in .env). Stream it with max_tokens 32000 · a screen plus its thinking
share that budget, and it rejects sampling params and assistant prefills
outright. Screens are files on disk, no database.
- One route handler takes a plain-language description of the app, or a sketch
I drop on the page, and answers with a screen list first: 6 to 10 names, one
line of purpose each. I edit that list, then it builds every screen on it.
- That same first call writes design-system.json (5 hex colors, 2 fonts with a
6-step type scale, radius, spacing unit, icon set) and _nav.html, and nothing
regenerates either afterwards · every later call gets both pasted in verbatim,
which is what stops screen 9 drifting away from screen 1.
- Each screen is public/screens/<name>.html: one standalone file, Tailwind via
CDN, Lucide icons, a 402x874 viewport with 62px top and 34px bottom insets as
CSS variables, 44px minimum tap targets, and that same nav.
- Edits re-send the current file plus my instruction and overwrite it in place,
so untouched parts stay put; every version lands in screens/.history/.
- The page is a gallery: each screen in an iframe inside a phone frame, side by
side, a text box under each for the next edit. `npm run export` runs
Playwright at deviceScaleFactor 3 into exports/ plus a contact sheet.
- A "copy all to Figma" button: @figit/dom-to-figma (MIT), one frame per screen
passing that iframe's contentDocument.body, convert({ frames }), then
clipboard.write with its toClipboardItem(). Cmd+V in Figma lands the whole
set as editable layers. Keep it in a client component and fire it from a real
click, or the write is blocked.
- Out of scope, do not build: a click-to-edit canvas, share links, or hosting.
Runs on my machine, no accounts, no telemetry.
- README: the API key, `npx playwright install chromium`, where files land, and
that remote images need an imageLoader proxying around CORS.

Antworte mir auf Deutsch. Oberfläche, Kommentare und README auf Deutsch, alle Bezeichner wie Tabellen, Spalten, Variablen, Routen und Dateinamen bleiben Englisch.

$ im Agenten öffnen (Prompt ist vorausgefüllt, du drückst Enter) oder direkt kopieren · dieser Bauplan ist noch auf Englisch, die Bitte um deutsche Antworten hängt unten dran

warum Menschen weiterhin bezahlen

Niemand zahlt für einen Bildschirm, und das ist die ehrliche Lesart dieser Kategorie: Die Ein-Bildschirm-Version wurde an dem Tag kostenlos, an dem Coding-Agenten gut wurden. Was bleibt, ist dünner, als es aussieht. Hier fehlen ein Netzwerk, ein eigener Datensatz und ein Integrations-Laufband, und der Figma-Konverter, der einmal der schwere Teil war, ist MIT auf npm. Was bleibt, ist trotzdem echte Arbeit. Der Prompt unten ist ein Aufruf an ein Modell, das Produkt ist eine Kette davon, jeder Schritt an das Modell geleitet, das für diesen Schritt der richtige Tausch aus Qualität und Tempo ist, mit Prompts hinter jeder Schicht, die über Monate umgeschrieben wurden. Nichts davon zeigt sich auf Bildschirm eins. Es zeigt sich auf Bildschirm neun, und daran, wie viele neue Prompts es bis dahin brauchte. Das andere, was Geld kauft, ist eine Leinwand, auf der eine Änderung ein Klick ist statt eine neu gepromptete Datei. Beides ist kein Graben, und der Prompt unten ist der ehrliche Test, was sie dir wert sind.

Anmerkung der Redaktion

Der erste Eintrag für KI-Mobile-Oberflächen auf der Liste, und ein unbequemer: Was er verkauft, ist im eigenen Coding-Agenten des Lesers weitgehend kostenlos, und der Figma-Konverter, auf den er sich stützte, ist MIT auf npm.

was du verlierst

xder Klick auf ein Element, statt die ganze Datei neu zu prompten

xeine abgestimmte mehrstufige Pipeline, du bekommst einen Prompt auf einem Modell und schließt die Lücke mit eigener Iterationszeit

xSkizzen-Eingabe: einen handgezeichneten Bildschirm fotografieren und als Design zurückbekommen

xTeilen-Links, Projektverlauf und Team-Plätze

auf X teilen ↗„Ich habe Sleek mit einem Prompt ersetzt.“

der Ausweg

Keine Lust zu bauen? Diese Projekte gibt es bereits kostenlos.

Google Stitch$0kostenlos↗

keine Stimmen, keine bezahlten Einträge · nur belastbare Optionen