DevHelper · Free to use · Most of every donation comes back as AI tokens

Sketch your app. Theme it. Ship the repo.

Meet Sketchly — the AI wireframe canvas inside DevHelper. Describe your idea, watch the screens appear, refine by chat, then click Code it to download a Codex-built starter repo.

You're the creator, not the prompter. Free to use, no subscriptions, no ads. AI tokens funded by the community — when you donate, most of it comes back as DevHelper AI tokens you can spend across every AI-powered app inside DevHelper.

macOS Windows LinuxLocal-first · Sign-in optional · Temp emails welcome
Vote for us on
Free
No tiers. No ads. No subscriptions.
AI in
Free for every signed-in user
Cross-OS
macOS, Windows, Linux
Indie
No investors · built with the community
Sketchly AI · the lead feature

Describe an app.
Get a wireframe, a plan, and a repo.

Sketchly turns a one-sentence idea into clickable mobile or website wireframes, then into a Codex-ready project brief, then into a downloadable starter repo — all without leaving DevHelper. You stay in the creator seat; AI handles the tedium.

Sketchly AI generating a multi-screen e-commerce wireframe with chat refinements
1Step 01 · Sketch

Draw screens by hand — or describe them in plain English.

Konva-powered canvas with mobile and website templates. Hit Cmd/Ctrl+K, type "a meditation app with onboarding, streaks, and a daily session list", and Sketchly AI lays the screens out — navbars, content blocks, buttons, cards — following mobile or web conventions.

  • Mobile + website wireframe templates
  • Multi-screen, infinite-canvas project tabs
  • Streaming AI replies you can stop or refine mid-flight
  • Auto-clear large chat context — no hard 400 on token caps
Sketchly AI generating mobile app screens with the AI chat panel open
2Step 02 · Theme

Pick a brand brief — every screen updates instantly.

Each Sketchly project carries a complete theme: a full palette, body + heading fonts, sharp/soft/pill radii, a mood string. Type "warm cream + indigo, editorial, soft serif", click Generate theme with AI — the entire wireframe rebrands in one go. You override anything by hand.

  • AI-generated themes from a one-line brand brief
  • Chat-aware theming: "make the primary indigo" updates only theme
  • Per-element overrides when you want them
  • Theme block ships into the project plan as design tokens
Sketchly project settings panel with theme palette, fonts and AI generate button
3Step 03 · Plan

One brief, two ways to ship it.

Click Plan. The model walks you through adaptive scoping questions — frontend, backend, auth, codegen — branching on your previous answers. Out comes a plan.md with mermaid navigation, ER and dependency diagrams, plus every screen as a PNG. From here you pick your path: download the ZIP and hand it to any coding agent, or stay in DevHelper and hit Code it for a one-click wireframe → repo flow inside the app.

  • End-to-end inside DevHelper, or download the bundle and pass it to any agent
  • Smart-branching scoping (Flutter / SwiftUI skip styling branches)
  • Mermaid diagrams: navigation, ER, build order — embedded in plan.md
  • ZIP: plan.md + per-screen PNGs — Codex, Claude Code, Cursor, anywhere
Sketchly drafting the project plan — 7-stage status list with live REASONING and WRITING streams
Plan flow · from prompt to finished brief01 / 03
Sketchly plan modal: adaptive scoping question with a Recommended-marked default
← swipe or tap a dot →
1 · Adaptive question
Each next question branches on your previous picks. Web and mobile templates surface different option sets, each with a "Recommended" default.
4Step 04 · Interactive Plan

Build it one screen at a time.

Big plan turns can sit on a single reasoning call for minutes. Interactive Plan splits the work: a small draft first, then one screen at a time on Continue — so you can inspect, redirect or stop after every step. Soft canvas lock: pan and zoom stay free.

  • Screens land as they’re built — no single long wait
  • Pause between every step — Continue or Stop
  • See the screen-by-screen plan before any builds start
  • Optional per project — flip back to one-shot Plan anytime
Interactive Plan mode building screens one at a time with a Continue button
5Step 05 · Code it

One click. Codex writes the whole app.

Press the green Code it button and walk away. OpenAI Codex takes your full plan — every screen, every flow, every data model — and writes the whole app to match what you designed: same layout, same theme, same components, same navigation. What you sketched is what gets built. DevHelper drops the complete project on your computer (components, routes, API stubs, styles, config files — the lot), ready to open in your editor (or hand to another AI agent) and run. No code experience required.

  • The running app matches your wireframes — layout, theme, components, flows
  • A complete project in your chosen stack — files validated before saving
  • Open in your editor, or hand off to Claude Code / Cursor
  • No tokens used on errors, Stops, or dropped streams
Project plan ready with mermaid diagrams, Download plan and the green Code it button visible in the header
Built in the open · live stats

Not another vibe-coded weekend project.

DevHelper has been in development for over 5 years — first as private tooling, now as a public app. Every number below pulls live from our backend, so you see exactly how active the project is and how community donations turn into real AI tokens.

01Adoption
108
App downloads
macOS · Windows · Linux
29
Active devices
Running DevHelper right now
740
App sessions
Real usage to date
02AI activity
549
AI generations
Sketchly wireframes, plans & code
13.6M
AI tokens served
Across all signed-in users
$42.64
Spent on AI tokens
Real OpenAI bill, paid by the community
03Ecosystem
8
Extensions published
In the in-app marketplace
53
Extension installs
By the community
12
Registered users
Sign-in is optional — temp emails welcome
Shipping cadence
Live release info
v2.1.4
Latest release · 15 hrs ago
14
Public releases shipped
Apr 19, 2026
First public release

Stats refresh from our backend every few minutes · last update just now

The model

Free by nature. Kept alive by you.

DevHelper has no investors, no ads, and no subscriptions. The whole project runs on community support — and the math is built so when you chip in, you win too.

01

Everything is free to start with.

Download the app, claim your welcome voucher, use Sketchly AI from day one — without spending anything. A temp email is fine. No tier locked behind a paywall, no "first 7 days" trial, no credit card.

02

Donations come back to you — and the community.

When you donate, the split looks like this:

  • Most of it comes back to you as AI tokens.
  • The rest seeds a community buffer that tops up free-tier users when they hit their cap, plus the running costs.
03

The more we grow, the closer DevHelper gets to self-sustaining.

Every new user who joins and chips in makes the community buffer a little bigger and the AI pool deeper. With enough community, DevHelper funds itself indefinitely — no investors, no Pro tier later, no rug-pull. Just the same free app, year after year.

Nothing is sold. Nothing is locked. The only paid layer is voluntary, and most of it comes back to the people who chip in. That's the whole deal.

Transparency · live

Every dollar, on the record.

DevHelper has no investor runway and no Pro tier to lean on, so we publish the real cost of keeping the project alive. The numbers below update live from our backend — every server bill, every promo we run, every shared AI subscription. If the community covers this, the project keeps shipping.

Monthly burn
$220 / month
Recurring servers, hosting, and shared AI subscriptions
Spent to date
$458.99
Cumulative spend across hosting, AI and launch costs
Monthly recurring
Pays the lights, every month
$220/mo
  • Supabase Pro
    Hosting
    $50.00/mo
  • Netlify Pro
    Hosting
    $20.00/mo
  • Claude Max 5× subscription
    AI/LLM
    $100/mo
  • OpenAI tokens (shared pool)
    AI/LLM
    $50.00/mo
One-off launches
Promo, marketing, signing certs
$238.99
  • Product Hunt launch help (MARSX INC)
    Marketing
    $49.00
  • Uneed — skip the waiting line
    Marketing
    $29.99
  • Reddit promotion (freelancer)
    Marketing
    $160
We need $220/month just to keep DevHelper online. Every coffee literally pays the bill — and most of it comes back to you as AI tokens anyway.
Buy me a coffee
Everyday toolbox

One desktop window for the rest of the day.

Around Sketchly, DevHelper bundles the small daily-driver tools you'd otherwise have in a dozen browser tabs.

DevHelper home dashboard with Devily news, hints, announcements and supporter logos

Chartly — flowcharts

Mermaid-powered diagrams with visual + code editing. Templates for API flow, CI/CD, auth, microservices, ER, decision trees. Export SVG / PNG.

Devily — dev news

Compact dev.to reader. Default tags, search, top articles, save-for-later. No browser tab required.

Tray launcher

Pin URLs, terminal commands, scripts, nested menus into your menu bar. Network pinger lives in the same tray slot.

2 trays

Claude + ChatGPT usage trays

Live percentage and time-until-reset in your menu bar. Click any window to make it the primary metric. Compact mode for notched MacBooks.

Extensions marketplace

Install community + first-party extensions, all AI safety-reviewed. Build your own with HTML/CSS/JS + window.appAPI.

Extension

JSONly + Sparkly

JSON formatter (7-language type gen) and Markdown idea canvas — now available as installable extensions.

Desktop-native + local-first

Your data lives on your machine.

Sketchly wireframes, themes, chat history, notes, JSON tabs, diagram tabs — all local first. Sign-in is optional, and unlocks the fun stuff: AI features (Sketchly today, more on the way), cloud backup so you can pick up on another machine, and the extensions marketplace. Local data backs up on a schedule you pick (off / 15 min / hourly / 6 h / daily), with optional cloud sync.

  • Global hotkeys for the main window + every built-in app
  • Standalone tool windows, startup launch, dock/taskbar visibility
  • Custom .dhsp Sketchly project files double-click into the app
  • Offline mode for everything except AI, voucher claims and news
DevHelper home with tray menu and announcements
Recent updates

What landed recently.

New

Interactive Plan mode

Splits a one-shot plan turn into a quick draft plus per-screen build steps. Pause and continue between every screen.

New

Code-it · Codex starter repo

Green "Code it" button next to Download plan. Files validated, path-sanitised, written via native save dialog.

New

Linux build

.deb installer is live. Same Sketchly + Chartly + Devily + extensions as macOS / Windows.

New

Donation → AI tokens

BMC polling pipeline emails voucher codes within ~5 min. Most of every donation comes back to the donor as DevHelper AI credits — spendable across every AI app inside DevHelper.

New

Custom .dhsp project files

Sketchly projects get their own extension — double-click any .dhsp to open straight into the canvas.

New

Codegen model catalog

Five Codex variants (gpt-5.2-codex → gpt-5.1-codex-mini), admin-pickable per role.

New

Always-voucher mode

BMC supporter matched to a user still gets a code — donors get a tangible thank-you they can paste in.

Download

Free for macOS, Windows & Linux.

Same app, every feature, every export — no Lite/Pro split. Sign in once to claim your welcome voucher; everything else works offline.

Recommended
macOS
Apple Silicon or Intel
.dmg installer · signed + notarized
Windows
x64 or ARM64
.exe installer · unsigned (for now)
Linux
Debian / Ubuntu · amd64
.deb installer · unsigned
macOS — verified by Apple

Apple has reviewed and approved the app. Updates install themselves in the background when a new version ships.

Windows may show a security warning the first time

We're still saving up for a Windows publisher certificate, so Windows might warn you the first time you run the installer. Click More info → Run anyway and you're in. Every donation helps us buy that certificate sooner.

There's so much more we want to build.
Your support is what ships it.

AI in more apps, smarter wireframes, deeper project plans, sharper extensions, and a few ideas we're still keeping under wraps — there's a long list of features waiting on community support. Your donation is what turns those ideas into real things you can use inside DevHelper. And the bonus: most of every donation comes back to you as DevHelper AI tokens you can spend in the app today.

Buy me a coffee

Can't spare a coffee? Sharing the word goes a long way too.

FAQ

Common questions.

Yes. Every feature, every export, every limit raised. No Lite/Pro tiers, no subscriptions, no ads. AI features are also free — tokens are funded by community donations through Buy Me a Coffee, and the same tokens work across every AI-powered app inside DevHelper.
Sign-up exists to protect the shared OpenAI credits from abuse — temp / throwaway emails are explicitly welcome. Signing in lets you claim a welcome voucher, your monthly quota, and (optionally) cloud sync. Local tools work without an account.
Every BMC donation is split: most of it comes back to you as a DevHelper AI voucher, emailed within ~5 minutes (a polling pipeline against BMC's API mints SKAI-XXXX codes). The remainder covers operating costs — servers, Windows code-signing, hosting. You paste the code in-app and credits stack on top of your quota — usable across every AI app inside DevHelper. Tier values are configurable in admin and may shift as model prices change.
Locally on your machine. Sketchly tabs, chat history, themes, plans and notes are stored in DevHelper's local data folder. Sign-in unlocks optional cloud sync (25 MB compressed). New: .dhsp Sketchly project files double-click straight into the app.
Almost everything is local-first — your wireframes, themes, notes, diagram tabs and JSON tabs sit on your machine and never leave unless you ask. The AI features are the exception: when you hit Generate, Plan or Code it, your prompt and the relevant wireframe data are sent through DevHelper to OpenAI so the model can respond. Cloud backup is optional and you turn it on yourself. Nothing is sold, nothing is used to train third-party models.
Yes — there's a Feedback panel built into the app's left sidebar. Every idea, bug report and feature request goes straight to the developer's inbox, and most fixes show up in the next release or two. Since DevHelper's AI features are community-funded, your support also helps decide which features get built first.
No — your quota only ticks on a successful AI completion. Network errors, model truncations, Stop clicks, and dropped streams don't spend any tokens at all.
DevHelper · Built by SmileyTech.mk · One developer, a lot of coffee.