¿Puedo vibecodear Sleek?
PARCIAL · un fin de semanaOne screen is already a yes, and you do not need this site for it: paste "design me a settings screen for an iOS app, Tailwind, 402x874" into the agent you already pay for and you get something decent. What Sleek sells is everything that makes twelve screens look like the same app, and most of that turns out to be prompt discipline rather than product. Decide the design system once, paste it verbatim into every later call, and hand the model the mobile conventions it does not apply unprompted: safe areas, 44px tap targets, native navigation instead of a website cropped to phone width. Two gaps survive that. There is no canvas, so every change is a re-prompt of a whole file rather than a click, and one call to one model is a rougher first draft than a tuned chain of them, which you pay for in your own iteration time. The Figma handoff is not one of the gaps: Sleek's own team ships the converter as MIT on npm, so the DIY build gets editable layers from one install.
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.$ ábrelo en tu agente (prompt listo, tú das enter) o cópialo crudo
Se puede en parte
Ahorro de referencia: US$300/año si dejas de pagar Sleek.
prompt copied. want to know what dies next week?
veredictos nuevos + votos de la semana. gratis. te sales en un clic.
Nobody pays for one screen, and that is the honest read on this category: the single-screen version got free the day coding agents got good. What is left is thinner than it looks. There is no network here, no proprietary dataset, no integration treadmill, and the Figma converter that used to be the hard part is MIT on npm. What is left is real work all the same. The prompt below is one call to one model; the product is a chain of them, each step routed to whichever model is the right trade of quality against speed for that step, with the prompts behind each layer rewritten over months of iteration. None of that shows up on screen one. It shows up on screen nine, and in how many re-prompts it took to get there. The other thing money buys is a canvas, where a change is a click instead of a whole file re-prompted. Neither is a moat, and the prompt below is the honest test of what they are worth to you.
xhacer clic en un elemento para cambiarlo en lugar de volver a generar todo el archivo con un prompt
xun flujo optimizado de varios pasos; tú recibes un solo prompt en un solo modelo y cierras la brecha con tu propio tiempo de iteración
xentrada por boceto; fotografía una pantalla dibujada a mano y recíbela como diseño
xenlaces para compartir, historial de proyectos y puestos de equipo
¿No quieres construirlo? Esta gente ya lo hizo gratis.
sin votos, sin pago por aparecer · solo lo que es real
Precio de Sleek
| plan | mensual | anual (por mes) | qué incluye |
|---|---|---|---|
| free | $0/workspace | $0/workspace | 1 proyecto y créditos de un solo uso para aproximadamente 1 diseño; exportaciones limitadas; los créditos no se renuevan. |
| starter | $24.99/workspace | $20/workspace | 3,000 créditos al mes, aproximadamente 100 pantallas y 5 proyectos. |
| pro | $49.99/workspace | $30/workspace | 20,000 créditos al mes, aproximadamente 650 pantallas y proyectos ilimitados. |
| team | — | $40/usuario | 30,000 créditos por puesto al mes, aproximadamente 1,000 pantallas por puesto y proyectos ilimitados. |
plan gratis1 proyecto y créditos de prueba de un solo uso para aproximadamente 1 diseño; los créditos nunca se reinician.
facturaciónStarter y Pro mensual y anual; precio anual de Team publicado; reembolsos solo dentro de 24 horas
costos ocultosUna generación usa unos 30 créditos y las ediciones usan entre 5 y 30. Pro y Team pueden comprar 5,000 créditos sin vencimiento por $15; Starter no puede comprar créditos extra.
verificado 2026-08-11 · fuente ↗
¿Sleek es gratis?
El plan gratuito es un proyecto con créditos de prueba de un solo uso; nada se renueva. El plan de pago es Starter a $24.99/mes (revisado 2026-08-07).
¿Puedo vibecodear Sleek?
Parcial. El núcleo de Sleek se arma en un fin de semana con el prompt de esta página, pero hay huecos reales: hacer clic en un elemento para cambiarlo en lugar de volver a generar todo el archivo con un prompt, un flujo optimizado de varios pasos; tú recibes un solo prompt en un solo modelo y cierras la brecha con tu propio tiempo de iteración. Lee la lista honesta arriba antes de comprometerte.
¿Cuánto cuesta Sleek?
Sleek cuesta unos $24.99/mes (Starter, revisado 2026-08-07), o sea $299.88 al año.
¿Qué pierdo si reemplazo Sleek?
Con honestidad: hacer clic en un elemento para cambiarlo en lugar de volver a generar todo el archivo con un prompt; un flujo optimizado de varios pasos; tú recibes un solo prompt en un solo modelo y cierras la brecha con tu propio tiempo de iteración; entrada por boceto; fotografía una pantalla dibujada a mano y recíbela como diseño; enlaces para compartir, historial de proyectos y puestos de equipo. Si alguno de esos te sostiene el negocio, sigue pagando.
¿Hay una alternativa open source a Sleek?
Sí: Google Stitch (De prompt o captura a UI de varias pantallas, lienzo editable, prototipos, copia a Figma y exportación de código frontend; el uso tiene tope, no es de prueba.) El prompt es para cuando la quieres exactamente a tu modo.