# Bolt.new — Full-Stack App Generator in the Browser

> AI-powered development environment that generates, runs, and deploys full-stack web applications entirely in the browser. Describe your app, watch it build in real-time. By StackBlitz. 15,000+ stars.

## Install

Save the content below to `.claude/skills/` or append to your `CLAUDE.md`:

## Quick Use

1. Visit [bolt.new](https://bolt.new)
2. Describe your app: "Build a task management app with drag-and-drop Kanban board, user auth, and dark mode"
3. Watch Bolt generate the code, install dependencies, and run the app — live in your browser
4. Iterate: "Add a due date picker to each task card"
5. Deploy with one click

---

## Intro

Bolt.new is an AI-powered development environment by StackBlitz that generates, runs, and deploys full-stack web applications entirely in the browser with 15,000+ GitHub stars. Describe what you want in plain English and watch it scaffold the project, write code, install packages, and spin up a live preview — all without a local dev environment. Built on WebContainers technology, everything runs in-browser including Node.js and the file system. Best for rapid prototyping, MVPs, and developers who want to go from idea to deployed app in minutes. Works with: React, Next.js, Vue, Svelte, Astro, and more. Setup time: instant (web-based).

---

## How It Works

### 1. Describe Your App
```
"Build a recipe sharing platform with:
- User registration and login
- Recipe creation with photo upload
- Search by ingredient
- Rating and reviews
- Responsive design with Tailwind"
```

### 2. Watch It Build
Bolt generates the full project in real-time:
- Scaffolds the project structure
- Writes React/Next.js components
- Sets up API routes
- Configures Tailwind styling
- Installs npm packages
- Starts the dev server

### 3. Live Preview
See your app running immediately in the browser preview panel. No `npm install`, no `npm run dev` — it just works.

### 4. Iterate Naturally
```
"Add a favorites system where users can save recipes"
"Make the search results show a thumbnail grid"
"Add pagination to the recipe list"
```

### 5. Deploy
One-click deploy to Netlify, Vercel, or Cloudflare Pages.

### WebContainers Technology
Bolt runs a full Node.js environment in your browser:
- No cloud VM — everything is local to your browser
- File system, npm, Node.js — all in WebAssembly
- Sub-second package installs
- Works offline after initial load

### Supported Stacks

| Framework | Backend | Styling |
|-----------|---------|---------|
| React | Express | Tailwind |
| Next.js | API Routes | CSS Modules |
| Vue | Nitro | UnoCSS |
| Svelte | SvelteKit | Vanilla CSS |
| Astro | Astro API | Shadcn/ui |

### Key Stats
- 15,000+ GitHub stars
- WebContainers (in-browser Node.js)
- Full-stack app generation
- Live preview and iteration
- One-click deployment

### FAQ

**Q: What is Bolt.new?**
A: Bolt.new is an AI development environment that generates, runs, and deploys full-stack web apps entirely in the browser from natural language descriptions.

**Q: Is Bolt.new free?**
A: Free tier with limited generations. Pro plan for unlimited usage.

**Q: Does Bolt.new require a local setup?**
A: No, everything runs in the browser using WebContainers. No Node.js, no terminal needed.

---

## Source & Thanks

> Created by [StackBlitz](https://github.com/stackblitz). Licensed under MIT.
>
> [bolt.new](https://github.com/stackblitz/bolt.new) — ⭐ 15,000+

Thanks to StackBlitz for making "idea to deployed app" a 5-minute journey.

---

<!-- ZH -->


## Quick Use

1. Go to [bolt.new](https://bolt.new)
2. Describe your app: "Build a task manager with drag-and-drop kanban, auth, and dark mode"
3. Watch Bolt generate code and run the app in real time
4. Deploy with one click

---

## Intro

Bolt.new is StackBlitz's AI development environment with 15,000+ GitHub stars. Fully generate, run, and deploy full-stack web apps right in the browser. Built on WebContainers, Node.js runs in the browser. Ideal for rapid prototyping, MVPs, and developers who want to go from idea to deployed app in minutes.

---

## Source & Thanks

> Created by [StackBlitz](https://github.com/stackblitz). Licensed under MIT.
>
> [bolt.new](https://github.com/stackblitz/bolt.new) — ⭐ 15,000+


---
Source: https://tokrepo.com/en/workflows/bolt-new-full-stack-app-generator-browser-bb148713
Author: Skill Factory