# 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 -->

## 快速使用

1. 访问 [bolt.new](https://bolt.new)
2. 描述你的应用: "构建一个带拖拽看板、用户认证和暗色模式的任务管理应用"
3. 实时观看 Bolt 生成代码并运行应用
4. 一键部署

---

## 简介

Bolt.new 是 StackBlitz 推出的 AI 开发环境，GitHub 15,000+ stars。在浏览器中完全生成、运行和部署全栈 Web 应用。基于 WebContainers 技术，Node.js 在浏览器中运行。适合快速原型、MVP 和想从想法到部署应用只需几分钟的开发者。

---

## 来源与感谢

> 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/bb148713-9912-43a3-866e-a263a487050b
Author: Skill Factory