Armz

I went from a sketch to a live site and an edited launch video in about 24 hours. It's the fastest I've ever gotten an idea to production. Here's how I did it and every tool I used (for almost no money): 1. Sketch it on paper The map started as a drawing in my notebook. I took a photo of it and sent it to Claude. 2. Build the site with Claude Code Claude Code in the desktop app wrote and edited all of it. It's just HTML, CSS and JavaScript, no framework. claude.com/claude-code The map uses an experimental Chrome feature called HTML-in-Canvas, which draws real HTML buttons inside a canvas so screen readers and keyboards still work. If your browser doesn't support it, you get a normal version of the same map. github.com/WICG/html-in-canv… 3. Put it on Cloudflare The site is hosted free on Cloudflare Pages and deployed with their Wrangler CLI. I bought the domain on Cloudflare and Claude Code connected it to the site from the command line. pages.cloudflare.com developers.cloudflare.com/wo… If you use Claude Code, paste this link into it and it will set up Cloudflare's skills and MCP server for you: developers.cloudflare.com/ag… 4. Let Claude test before every deploy Claude Code has a built-in browser. Before each deploy it clicked through the map, checked the spacing at phone and desktop sizes and looked for errors. After deploying it checked the live site too. Claude Code also got Codex to make the link preview image. github.com/openai/codex The font is Atkinson Hyperlegible Next from Google Fonts, and I track visits with Google Analytics. fonts.google.com/specimen/At… 5. Research the hook I asked Claude Code for hooks that have actually been tested. It pulled from BuzzSumo's study of 100 million headlines, Upworthy's A/B tests and John Caples' old ad split tests, and gave me 15. The one on the below post came from that list. 6. Record and edit the video I recorded it in OBS. Claude Code did the whole edit and picked its own tools for it, FFmpeg for the editing and Whisper for the transcript. It cut the dead air and the ums, added captions, a header, chapter labels and zooms, and fixed the audio levels. I didn't open an editing app once. This part still kind of amazes me tbh. obsproject.com ffmpeg.org If you're launching an actual business, you might want to set up a way to collect emails (I'd use SQLite), and to send emails (Cloudflare again). Total cost was $10.46 for the domain. Everything else was completely free (s/o @Cloudflare). I already had the $100 Claude plan but you can build simple sites with the $20 if you're on a budget. It was just a fun exercise to challenge myself to get something out as quick as possible. I will be using this system a lot more going forward instead of dealing with VPS bills. Copy this whole post and send it to your agent 🤝