Design AI Stack

Design AI Stack

Playbook

Build and Deploy a Web App with Claude Code

Every prompt you need to go from blank folder to deployed app. No tutorials. Just build.

Sherizan's avatar
Sherizan
May 24, 2026
∙ Paid

I run jfbi.ai, an AI Builder Sprint days with designers, founders, builders in a room. We hand everyone a stack and a set of prompts. By end of day, most people have shipped something real.

This is that prompt library I’m sharing with you.


Before you start: software you need

  • Node.js LTS. The engine that runs your app locally. Without it, nothing works. Download at nodejs.org (choose the Installer for your system, Mac or Windows).

A note if you’re on a work laptop: you may need admin rights to install software.


The stack

  • Cursor. Where you write and see your code. Think of it as a smart text editor, like Figma but for building.

  • Claude Code. Your AI building partner. Lives inside Cursor’s terminal. Paid subscription required.

  • Next.js. The framework that powers your app.

  • Tailwind and Shadcn UI. Handles how everything looks.

  • Supabase. Your database, if you need to store data.

  • Vercel. Puts your app on the internet in minutes.

  • GitHub. Saves your work and tracks every change you make.


User's avatar

Continue reading this post for free, courtesy of Sherizan.

Or purchase a paid subscription.
© 2026 Sherizan · Privacy ∙ Terms ∙ Collection notice
Start your SubstackGet the app
Substack is the home for great culture