1 line
148 KiB
JSON
1 line
148 KiB
JSON
{"repo": "amery2010/open-builder", "files": {"README.md": {"fa0df068f50995370954008af0c02578e2119fe0": {"t": 1785674072.8681905, "n": 10785, "h": "d339b3c53ca8c29a", "c": "<div align=\"center\">\n\n# Open Builder\n\n**AI-Powered Web App Generator — Describe in natural language, instantly generate runnable projects**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[Deployment](#deployment) · [Quick Start](#quick-start) · [Features](#features) · [Architecture](#architecture) · [Contributing](CONTRIBUTING.md)\n\nEnglish | [简体中文](README.zh-CN.md)\n\n</div>\n\n---\n\n## Introduction\n\nOpen Builder is an AI-driven web app generator that runs entirely in the browser. Simply describe the application you want to build in natural language, and the AI will automatically create, modify, and delete files in an in-memory file system through a Tool Call loop, with live preview powered by [Sandpack](https://sandpack.codesandbox.io/).\n\nNo backend server required — all computation happens in the browser. Your API Key is stored only in local browser storage and is never uploaded to any server.\n\nIt also supports building as a desktop app (macOS / Windows / Linux) and mobile app (iOS / Android) via [Tauri](https://tauri.app), delivering a native application experience.\n\n> An API service compatible with a wide range of mainstream models—such as OpenAI, Anthropic, Google, Ollama, and others.\n\n---\n\n## Demo\n\n\n\n[Live Demo](https://builder.u14.app)\n\n---\n\n## Features\n\n### Core\n\n- **Natural Language to Code** — Describe your idea, AI plans and generates the complete project structure\n- **Live Preview** — Browser-based sandbox powered by Sandpack, instant rendering on code changes\n- **Multi-Framework Support** — 20+ templates including React, Vue, Svelte, Angular, SolidJS, Astro, etc.\n- **Smart File Operations** — AI uses `patch_file` for precise modifications, avoiding unnecessary full rewrites\n- **Dependency Management** — AI can modify `package.json` and trigger dependency reinstallation\n- **Project Snapshots** — Roll back code to any previous version with one click\n- **Context Compression** — Automatically compresses long conversation context to reduce token usage\n- **Built-in Search** — Supports enabling the model's built-in search service\n- **CORS Resolution** — App Client-side (Tauri) API reverse proxy forwarding effectively resolves CORS issues\n\n### User Experience\n\n- **Multi-Session Management** — Sidebar with create, switch, delete sessions; history persisted locally\n- **Smart Session Naming** — Auto-generates session titles based on conversation content\n- **Slash Commands** — Input box supports `/compact`, `/review`, and other shortcut commands\n- **Image & File Input** — Upload screenshots, design mockups, or files as context input\n- **Streaming Output** — Real-time display of AI thinking process and code generation progress\n- **Extended Thinking** — Supports Extended Thinking / Reasoning mode (DeepSeek-R1, Claude 4.6, etc.)\n- **One-Click Download** — Export generated project as a ZIP file\n- **Flexible Layout** — Drag to resize chat and editor panels\n- **Multi-Language & Themes** — Multiple UI languages and appearance themes\n- **Mobile Responsive** — Responsive layout with embedded preview on mobile devices\n\n### Web Search (Optional)\n\n- Integrated [Tavily](https://tavily.com), [Firecrawl](https://www.firecrawl.dev) API for real-time web search\n- Web content reading with automatic fallback to [Jina Reader](https://jina.ai/reader/)\n\n---\n\n## Quick Start\n\n### Prerequisites\n\n- Node.js 20+ or [Bun](https://bun.sh)\n- Any OpenAI-compatible API Key\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm dev\n```\n\nOpen `http://localhost:5173` in your browser, click the settings icon in the top-right corner to configure your API Key.\n\n### Desktop / Mobile App (Tauri)\n\nRequires [Rust](https://www.rust-lang.org/tools/install) and Tauri [platform dependencies](https://tauri.app/start/prerequisites/).\n\n```bash\n# Desktop development\npnpm tauri:dev\n\n# Desktop build\npnpm tauri:build\n\n# iOS development / build\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android development / build\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### Configuration\n\nClick the settings button in the top-right corner and fill in:\n\n| Option | Description | Example |\n| -------------- | ----------------------------- | -------------------------------------------- |\n| API Key | Your AI service API key | `sk-...` |\n| API URL | OpenAI-compatible endpoint | `https://api.openai.com/v1/chat/completions` |\n| Model Name | Model ID to use | `gpt-5.3-codex`, `deepseek-chat` |\n| Tavily API Key | (Optional) Web search feature | `tvly-...` |\n\n> All settings are stored in browser `localStorage` and never leave your device.\n\n---\n\n## Architecture\n\n### Core Engine: WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) is the project's core, implementing the full AI Tool Call loop engine:\n\n```\nUser Message → AI Planning → Tool Call → Execute → Return Result → AI Continue/End\n ↓\n In-Memory File System\n ↓\n Sandpack Live Preview\n```\n\nBuilt-in tools:\n\n| Tool | Description |\n| ------------------------ | ------------------------------------------------- |\n| `init_project` | Initialize Sandpack project template |\n| `manage_dependencies` | Modify package.json to manage dependencies |\n| `list_files` | List all project files |\n| `read_files` | Batch read file contents |\n| `write_file` | Create or overwrite a file |\n| `patch_file` | Precise search-and-replace patch |\n| `delete_file` | Delete a file |\n| `search_in_files` | Global file content search |\n| `web_search` | Web search (supports Built-in, Tavily, Firecrawl) |\n| `web_reader` | Read web page content |\n| `image_search` | Image search (supports Pixabay, Unsplash) |\n| `search_npm_packages` | NPM package search |\n| `get_npm_package_detail` | Get detailed information about NPM package |\n\n### Tech Stack\n\n| Category | Technology |\n| -------------- | --------------------------------- |\n| Framework | React 19 + TypeScript 5 |\n| Build Tool | Vite 7 |\n| Styling | Tailwind CSS v4 |\n| UI Components | shadcn/ui + Radix UI |\n| Code Sandbox | Sandpack (CodeSandbox) |\n| State Mgmt | Zustand 5 |\n| Local Storage | localforage |\n| Icons | Lucide React |\n| Markdown | react-markdown + rehype-highlight |\n| Desktop/Mobile | Tauri 2 |\n\n---\n\n## Supported Models\n\nOpen Builder is compatible with the API formats of mainstream large language models:\n\n| Provider | Recommended Models | API URL |\n| --------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`, `gpt-5.2` | `https://api.openai.com/v1/responses` |\n| Anthropic | `claude-4.6-sonnet`, `claude-opus-4` | `https://api.anthropic.com/v1/messages` |\n| Google | `gemini-2.0-flash-exp` | `https://generativelanguage.googleapis.com/v1beta/models` |\n| DeepSeek | `deepseek-chat`, `deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| Qwen | `qwen-3.5`, `qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| Moonshot | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| Zhipu AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n| Ollama | `gpt-oss:120b`、`qwen3:8b` | `http://localhost:11434/v1/chat/completions` |\n\n> For best results, use a model with strong Function Calling support.\n\n---\n\n## Deployment\n\n### Build for Production\n\n```bash\npnpm build\n# Output to dist/ directory\n```\n\n### GitHub Pages\n\nGitHub Actions is configured — push a version tag to auto-build and deploy:\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\nSee [.github/workflows/deploy.yml](.github/workflows/deploy.yml).\n\n### Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\nOr manually: import the GitHub repo, select `Vite` as framework preset, build command `pnpm run build`, output directory `dist`.\n\n### Cloudflare Workers\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\nOr manually:\n\n1. Log in to [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. Select the `open-builder` repo with the following build config:\n\n| Option | Value |\n| ------------- | ---------------- |\n| Build Command | `pnpm run build` |\n| Output Dir | `dist` |\n| Node.js Ver | `20` |\n\n### Netlify\n\nImport the repo, build command `pnpm run build`, output directory `dist`. No additional configuration needed.\n\n---\n\n## Contributing\n\nIssues and Pull Requests are welcome! Please read the [Contributing Guide](CONTRIBUTING.md) first.\n\n---\n\n## License\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "76a913f2977bd054e6a6281d641580d7cc0920b4": {"t": 1785763105.9269783, "n": 10296, "h": "86fc738fd3b06fe0", "c": "<div align=\"center\">\n\nEnglish | [简体中文](README.zh-CN.md)\n\n# Open Builder\n\n**AI-Powered Web App Generator — Describe in natural language, instantly generate runnable projects**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[Deployment](#deployment) · [Quick Start](#quick-start) · [Features](#features) · [Architecture](#architecture) · [Contributing](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## Introduction\n\nOpen Builder is an AI-driven web app generator that runs entirely in the browser. Simply describe the application you want to build in natural language, and the AI will automatically create, modify, and delete files in an in-memory file system through a Tool Call loop, with live preview powered by [Sandpack](https://sandpack.codesandbox.io/).\n\nNo backend server required — all computation happens in the browser. Your API Key is stored only in local browser storage and is never uploaded to any server.\n\nIt also supports building as a desktop app (macOS / Windows / Linux) and mobile app (iOS / Android) via [Tauri](https://tauri.app), delivering a native application experience.\n\n> Compatible with any OpenAI Chat Completions API, including OpenAI, Anthropic Claude, DeepSeek, Qwen, and other major model providers.\n\n---\n\n## Demo\n\n\n\n[Live Demo](https://builder.u14.app)\n\n---\n\n## Features\n\n### Core\n\n- **Natural Language to Code** — Describe your idea, AI plans and generates the complete project structure\n- **Live Preview** — Browser-based sandbox powered by Sandpack, instant rendering on code changes\n- **Multi-Framework Support** — 20+ templates including React, Vue, Svelte, Angular, SolidJS, Astro, etc.\n- **Smart File Operations** — AI uses `patch_file` for precise modifications, avoiding unnecessary full rewrites\n- **Dependency Management** — AI can modify `package.json` and trigger dependency reinstallation\n- **Project Snapshots** — Roll back code to any previous version with one click\n- **Context Compression** — Automatically compresses long conversation context to reduce token usage\n- **Built-in Search** — Supports enabling the model's built-in search service\n- **CORS Resolution** — App Client-side (Tauri) API reverse proxy forwarding effectively resolves CORS issues\n\n### User Experience\n\n- **Multi-Session Management** — Sidebar with create, switch, delete sessions; history persisted locally\n- **Smart Session Naming** — Auto-generates session titles based on conversation content\n- **Slash Commands** — Input box supports `/compact`, `/review`, and other shortcut commands\n- **Image & File Input** — Upload screenshots, design mockups, or files as context input\n- **Streaming Output** — Real-time display of AI thinking process and code generation progress\n- **Extended Thinking** — Supports Extended Thinking / Reasoning mode (DeepSeek-R1, Claude 4.6, etc.)\n- **One-Click Download** — Export generated project as a ZIP file\n- **Flexible Layout** — Drag to resize chat and editor panels\n- **Multi-Language & Themes** — Multiple UI languages and appearance themes\n- **Mobile Responsive** — Responsive layout with embedded preview on mobile devices\n\n### Web Search (Optional)\n\n- Integrated [Tavily](https://tavily.com), [Firecrawl](https://www.firecrawl.dev) API for real-time web search\n- Web content reading with automatic fallback to [Jina Reader](https://jina.ai/reader/)\n\n---\n\n## Quick Start\n\n### Prerequisites\n\n- Node.js 20+ or [Bun](https://bun.sh)\n- Any OpenAI-compatible API Key\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm dev\n```\n\nOpen `http://localhost:5173` in your browser, click the settings icon in the top-right corner to configure your API Key.\n\n### Desktop / Mobile App (Tauri)\n\nRequires [Rust](https://www.rust-lang.org/tools/install) and Tauri [platform dependencies](https://tauri.app/start/prerequisites/).\n\n```bash\n# Desktop development\npnpm tauri:dev\n\n# Desktop build\npnpm tauri:build\n\n# iOS development / build\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android development / build\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### Configuration\n\nClick the settings button in the top-right corner and fill in:\n\n| Option | Description | Example |\n| -------------- | ----------------------------- | -------------------------------------------- |\n| API Key | Your AI service API key | `sk-...` |\n| API URL | OpenAI-compatible endpoint | `https://api.openai.com/v1/chat/completions` |\n| Model Name | Model ID to use | `gpt-5.3-codex`, `deepseek-chat` |\n| Tavily API Key | (Optional) Web search feature | `tvly-...` |\n\n> All settings are stored in browser `localStorage` and never leave your device.\n\n---\n\n## Architecture\n\n### Core Engine: WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) is the project's core, implementing the full AI Tool Call loop engine:\n\n```\nUser Message → AI Planning → Tool Call → Execute → Return Result → AI Continue/End\n ↓\n In-Memory File System\n ↓\n Sandpack Live Preview\n```\n\nBuilt-in tools:\n\n| Tool | Description |\n| ------------------------ | ------------------------------------------ |\n| `init_project` | Initialize Sandpack project template |\n| `manage_dependencies` | Modify package.json to manage dependencies |\n| `list_files` | List all project files |\n| `read_files` | Batch read file contents |\n| `write_file` | Create or overwrite a file |\n| `patch_file` | Precise search-and-replace patch |\n| `delete_file` | Delete a file |\n| `search_in_files` | Global file content search |\n| `web_search` | Web search (supports Tavily, Firecrawl) |\n| `web_reader` | Read web page content |\n| `image_search` | Image search (supports Pixabay, Unsplash) |\n| `search_npm_packages` | NPM package search |\n| `get_npm_package_detail` | Get detailed information about NPM package |\n\n### Tech Stack\n\n| Category | Technology |\n| -------------- | --------------------------------- |\n| Framework | React 19 + TypeScript 5 |\n| Build Tool | Vite 7 |\n| Styling | Tailwind CSS v4 |\n| UI Components | shadcn/ui + Radix UI |\n| Code Sandbox | Sandpack (CodeSandbox) |\n| State Mgmt | Zustand 5 |\n| Local Storage | localforage |\n| Icons | Lucide React |\n| Markdown | react-markdown + rehype-highlight |\n| Desktop/Mobile | Tauri 2 |\n\n---\n\n## Supported Models\n\nOpen Builder is compatible with any OpenAI Chat Completions API:\n\n| Provider | Recommended Models | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`, `gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`, `deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| Qwen | `qwen-3.5`, `qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| Moonshot | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| Zhipu AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> For best results, use a model with strong Function Calling support.\n\n---\n\n## Deployment\n\n### Build for Production\n\n```bash\npnpm build\n# Output to dist/ directory\n```\n\n### GitHub Pages\n\nGitHub Actions is configured — push a version tag to auto-build and deploy:\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\nSee [.github/workflows/deploy.yml](.github/workflows/deploy.yml).\n\n### Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\nOr manually: import the GitHub repo, select `Vite` as framework preset, build command `pnpm run build`, output directory `dist`.\n\n### Cloudflare Workers\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\nOr manually:\n\n1. Log in to [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. Select the `open-builder` repo with the following build config:\n\n| Option | Value |\n| ------------- | ---------------- |\n| Build Command | `pnpm run build` |\n| Output Dir | `dist` |\n| Node.js Ver | `20` |\n\n### Netlify\n\nImport the repo, build command `pnpm run build`, output directory `dist`. No additional configuration needed.\n\n---\n\n## Contributing\n\nIssues and Pull Requests are welcome! Please read the [Contributing Guide](CONTRIBUTING.md) first.\n\n---\n\n## License\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "561934b30b7826dc47959e3118e0587ddb6e0ad2": {"t": 1785763107.7095234, "n": 10108, "h": "c637cac86b187a87", "c": "<div align=\"center\">\n\nEnglish | [简体中文](README.zh-CN.md)\n\n# Open Builder\n\n**AI-Powered Web App Generator — Describe in natural language, instantly generate runnable projects**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[Deployment](#deployment) · [Quick Start](#quick-start) · [Features](#features) · [Architecture](#architecture) · [Contributing](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## Introduction\n\nOpen Builder is an AI-driven web app generator that runs entirely in the browser. Simply describe the application you want to build in natural language, and the AI will automatically create, modify, and delete files in an in-memory file system through a Tool Call loop, with live preview powered by [Sandpack](https://sandpack.codesandbox.io/).\n\nNo backend server required — all computation happens in the browser. Your API Key is stored only in local browser storage and is never uploaded to any server.\n\nIt also supports building as a desktop app (macOS / Windows / Linux) and mobile app (iOS / Android) via [Tauri](https://tauri.app), delivering a native application experience.\n\n> Compatible with any OpenAI Chat Completions API, including OpenAI, Anthropic Claude, DeepSeek, Qwen, and other major model providers.\n\n---\n\n## Demo\n\n\n\n[Live Demo](https://builder.u14.app)\n\n---\n\n## Features\n\n### Core\n\n- **Natural Language to Code** — Describe your idea, AI plans and generates the complete project structure\n- **Live Preview** — Browser-based sandbox powered by Sandpack, instant rendering on code changes\n- **Multi-Framework Support** — 20+ templates including React, Vue, Svelte, Angular, SolidJS, Astro, etc.\n- **Smart File Operations** — AI uses `patch_file` for precise modifications, avoiding unnecessary full rewrites\n- **Dependency Management** — AI can modify `package.json` and trigger dependency reinstallation\n- **Project Snapshots** — Roll back code to any previous version with one click\n- **Context Compression** — Automatically compresses long conversation context to reduce token usage\n\n### User Experience\n\n- **Multi-Session Management** — Sidebar with create, switch, delete sessions; history persisted locally\n- **Smart Session Naming** — Auto-generates session titles based on conversation content\n- **Slash Commands** — Input box supports `/compact`, `/review`, and other shortcut commands\n- **Image & File Input** — Upload screenshots, design mockups, or files as context input\n- **Streaming Output** — Real-time display of AI thinking process and code generation progress\n- **Extended Thinking** — Supports Extended Thinking / Reasoning mode (DeepSeek-R1, Claude 4.6, etc.)\n- **One-Click Download** — Export generated project as a ZIP file\n- **Flexible Layout** — Drag to resize chat and editor panels\n- **Multi-Language & Themes** — Multiple UI languages and appearance themes\n- **Mobile Responsive** — Responsive layout with embedded preview on mobile devices\n\n### Web Search (Optional)\n\n- Integrated [Tavily](https://tavily.com), [Firecrawl](https://www.firecrawl.dev) API for real-time web search\n- Web content reading with automatic fallback to [Jina Reader](https://jina.ai/reader/)\n\n---\n\n## Quick Start\n\n### Prerequisites\n\n- Node.js 20+ or [Bun](https://bun.sh)\n- Any OpenAI-compatible API Key\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm dev\n```\n\nOpen `http://localhost:5173` in your browser, click the settings icon in the top-right corner to configure your API Key.\n\n### Desktop / Mobile App (Tauri)\n\nRequires [Rust](https://www.rust-lang.org/tools/install) and Tauri [platform dependencies](https://tauri.app/start/prerequisites/).\n\n```bash\n# Desktop development\npnpm tauri:dev\n\n# Desktop build\npnpm tauri:build\n\n# iOS development / build\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android development / build\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### Configuration\n\nClick the settings button in the top-right corner and fill in:\n\n| Option | Description | Example |\n| -------------- | ----------------------------- | -------------------------------------------- |\n| API Key | Your AI service API key | `sk-...` |\n| API URL | OpenAI-compatible endpoint | `https://api.openai.com/v1/chat/completions` |\n| Model Name | Model ID to use | `gpt-5.3-codex`, `deepseek-chat` |\n| Tavily API Key | (Optional) Web search feature | `tvly-...` |\n\n> All settings are stored in browser `localStorage` and never leave your device.\n\n---\n\n## Architecture\n\n### Core Engine: WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) is the project's core, implementing the full AI Tool Call loop engine:\n\n```\nUser Message → AI Planning → Tool Call → Execute → Return Result → AI Continue/End\n ↓\n In-Memory File System\n ↓\n Sandpack Live Preview\n```\n\nBuilt-in tools:\n\n| Tool | Description |\n| ------------------------ | ------------------------------------------ |\n| `init_project` | Initialize Sandpack project template |\n| `manage_dependencies` | Modify package.json to manage dependencies |\n| `list_files` | List all project files |\n| `read_files` | Batch read file contents |\n| `write_file` | Create or overwrite a file |\n| `patch_file` | Precise search-and-replace patch |\n| `delete_file` | Delete a file |\n| `search_in_files` | Global file content search |\n| `web_search` | Web search (supports Tavily, Firecrawl) |\n| `web_reader` | Read web page content |\n| `image_search` | Image search (supports Pixabay, Unsplash) |\n| `search_npm_packages` | NPM package search |\n| `get_npm_package_detail` | Get detailed information about NPM package |\n\n### Tech Stack\n\n| Category | Technology |\n| -------------- | --------------------------------- |\n| Framework | React 19 + TypeScript 5 |\n| Build Tool | Vite 7 |\n| Styling | Tailwind CSS v4 |\n| UI Components | shadcn/ui + Radix UI |\n| Code Sandbox | Sandpack (CodeSandbox) |\n| State Mgmt | Zustand 5 |\n| Local Storage | localforage |\n| Icons | Lucide React |\n| Markdown | react-markdown + rehype-highlight |\n| Desktop/Mobile | Tauri 2 |\n\n---\n\n## Supported Models\n\nOpen Builder is compatible with any OpenAI Chat Completions API:\n\n| Provider | Recommended Models | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`, `gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`, `deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| Qwen | `qwen-3.5`, `qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| Moonshot | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| Zhipu AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> For best results, use a model with strong Function Calling support.\n\n---\n\n## Deployment\n\n### Build for Production\n\n```bash\npnpm build\n# Output to dist/ directory\n```\n\n### GitHub Pages\n\nGitHub Actions is configured — push a version tag to auto-build and deploy:\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\nSee [.github/workflows/deploy.yml](.github/workflows/deploy.yml).\n\n### Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\nOr manually: import the GitHub repo, select `Vite` as framework preset, build command `pnpm run build`, output directory `dist`.\n\n### Cloudflare Workers\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\nOr manually:\n\n1. Log in to [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. Select the `open-builder` repo with the following build config:\n\n| Option | Value |\n| ------------- | ---------------- |\n| Build Command | `pnpm run build` |\n| Output Dir | `dist` |\n| Node.js Ver | `20` |\n\n### Netlify\n\nImport the repo, build command `pnpm run build`, output directory `dist`. No additional configuration needed.\n\n---\n\n## Contributing\n\nIssues and Pull Requests are welcome! Please read the [Contributing Guide](CONTRIBUTING.md) first.\n\n---\n\n## License\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "bdf55cd493d452f10d364d6c3fa677f0355fa237": {"t": 1785763109.0192647, "n": 9850, "h": "533d907120bae132", "c": "<div align=\"center\">\n\nEnglish | [简体中文](README.zh-CN.md)\n\n# Open Builder\n\n**AI-Powered Web App Generator — Describe in natural language, instantly generate runnable projects**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[Deployment](#deployment) · [Quick Start](#quick-start) · [Features](#features) · [Architecture](#architecture) · [Contributing](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## Introduction\n\nOpen Builder is an AI-driven web app generator that runs entirely in the browser. Simply describe the application you want to build in natural language, and the AI will automatically create, modify, and delete files in an in-memory file system through a Tool Call loop, with live preview powered by [Sandpack](https://sandpack.codesandbox.io/).\n\nNo backend server required — all computation happens in the browser. Your API Key is stored only in local browser storage and is never uploaded to any server.\n\nIt also supports building as a desktop app (macOS / Windows / Linux) and mobile app (iOS / Android) via [Tauri](https://tauri.app), delivering a native application experience.\n\n> Compatible with any OpenAI Chat Completions API, including OpenAI, Anthropic Claude, DeepSeek, Qwen, and other major model providers.\n\n---\n\n## Demo\n\n\n\n[Live Demo](https://builder.u14.app)\n\n---\n\n## Features\n\n### Core\n\n- **Natural Language to Code** — Describe your idea, AI plans and generates the complete project structure\n- **Live Preview** — Browser-based sandbox powered by Sandpack, instant rendering on code changes\n- **Multi-Framework Support** — 20+ templates including React, Vue, Svelte, Angular, SolidJS, Astro, etc.\n- **Smart File Operations** — AI uses `patch_file` for precise modifications, avoiding unnecessary full rewrites\n- **Dependency Management** — AI can modify `package.json` and trigger dependency reinstallation\n- **Project Snapshots** — Roll back code to any previous version with one click\n- **Context Compression** — Automatically compresses long conversation context to reduce token usage\n\n### User Experience\n\n- **Multi-Session Management** — Sidebar with create, switch, delete sessions; history persisted locally\n- **Smart Session Naming** — Auto-generates session titles based on conversation content\n- **Slash Commands** — Input box supports `/compact`, `/review`, and other shortcut commands\n- **Image & File Input** — Upload screenshots, design mockups, or files as context input\n- **Streaming Output** — Real-time display of AI thinking process and code generation progress\n- **Extended Thinking** — Supports Extended Thinking / Reasoning mode (DeepSeek-R1, Claude 4.6, etc.)\n- **One-Click Download** — Export generated project as a ZIP file\n- **Flexible Layout** — Drag to resize chat and editor panels\n- **Multi-Language & Themes** — Multiple UI languages and appearance themes\n- **Mobile Responsive** — Responsive layout with embedded preview on mobile devices\n\n### Web Search (Optional)\n\n- Integrated [Tavily](https://tavily.com), [Firecrawl](https://www.firecrawl.dev) API for real-time web search\n- Web content reading with automatic fallback to [Jina Reader](https://jina.ai/reader/)\n\n---\n\n## Quick Start\n\n### Prerequisites\n\n- Node.js 20+ or [Bun](https://bun.sh)\n- Any OpenAI-compatible API Key\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm dev\n```\n\nOpen `http://localhost:5173` in your browser, click the settings icon in the top-right corner to configure your API Key.\n\n### Desktop / Mobile App (Tauri)\n\nRequires [Rust](https://www.rust-lang.org/tools/install) and Tauri [platform dependencies](https://tauri.app/start/prerequisites/).\n\n```bash\n# Desktop development\npnpm tauri:dev\n\n# Desktop build\npnpm tauri:build\n\n# iOS development / build\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android development / build\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### Configuration\n\nClick the settings button in the top-right corner and fill in:\n\n| Option | Description | Example |\n| -------------- | ----------------------------- | -------------------------------------------- |\n| API Key | Your AI service API key | `sk-...` |\n| API URL | OpenAI-compatible endpoint | `https://api.openai.com/v1/chat/completions` |\n| Model Name | Model ID to use | `gpt-5.3-codex`, `deepseek-chat` |\n| Tavily API Key | (Optional) Web search feature | `tvly-...` |\n\n> All settings are stored in browser `localStorage` and never leave your device.\n\n---\n\n## Architecture\n\n### Core Engine: WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) is the project's core, implementing the full AI Tool Call loop engine:\n\n```\nUser Message → AI Planning → Tool Call → Execute → Return Result → AI Continue/End\n ↓\n In-Memory File System\n ↓\n Sandpack Live Preview\n```\n\nBuilt-in tools:\n\n| Tool | Description |\n| --------------------- | ------------------------------------------ |\n| `init_project` | Initialize Sandpack project template |\n| `manage_dependencies` | Modify package.json to manage dependencies |\n| `list_files` | List all project files |\n| `read_files` | Batch read file contents |\n| `write_file` | Create or overwrite a file |\n| `patch_file` | Precise search-and-replace patch |\n| `delete_file` | Delete a file |\n| `search_in_files` | Global file content search |\n| `web_search` | Web search (requires Tavily) |\n| `web_reader` | Read web page content |\n\n### Tech Stack\n\n| Category | Technology |\n| -------------- | --------------------------------- |\n| Framework | React 19 + TypeScript 5 |\n| Build Tool | Vite 7 |\n| Styling | Tailwind CSS v4 |\n| UI Components | shadcn/ui + Radix UI |\n| Code Sandbox | Sandpack (CodeSandbox) |\n| State Mgmt | Zustand 5 |\n| Local Storage | localforage |\n| Icons | Lucide React |\n| Markdown | react-markdown + rehype-highlight |\n| Desktop/Mobile | Tauri 2 |\n\n---\n\n## Supported Models\n\nOpen Builder is compatible with any OpenAI Chat Completions API:\n\n| Provider | Recommended Models | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`, `gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`, `deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| Qwen | `qwen-3.5`, `qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| Moonshot | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| Zhipu AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> For best results, use a model with strong Function Calling support.\n\n---\n\n## Deployment\n\n### Build for Production\n\n```bash\npnpm build\n# Output to dist/ directory\n```\n\n### GitHub Pages\n\nGitHub Actions is configured — push a version tag to auto-build and deploy:\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\nSee [.github/workflows/deploy.yml](.github/workflows/deploy.yml).\n\n### Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\nOr manually: import the GitHub repo, select `Vite` as framework preset, build command `pnpm run build`, output directory `dist`.\n\n### Cloudflare Workers\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\nOr manually:\n\n1. Log in to [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. Select the `open-builder` repo with the following build config:\n\n| Option | Value |\n| ------------- | ---------------- |\n| Build Command | `pnpm run build` |\n| Output Dir | `dist` |\n| Node.js Ver | `20` |\n\n### Netlify\n\nImport the repo, build command `pnpm run build`, output directory `dist`. No additional configuration needed.\n\n---\n\n## Contributing\n\nIssues and Pull Requests are welcome! Please read the [Contributing Guide](CONTRIBUTING.md) first.\n\n---\n\n## License\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "6c3525d0c727dbd32b14b72a5c5a148af872c820": {"t": 1785763110.7382927, "n": 9845, "h": "e084211c13fbd207", "c": "<div align=\"center\">\n\nEnglish | [简体中文](README.zh-CN.md)\n\n# Open Builder\n\n**AI-Powered Web App Generator — Describe in natural language, instantly generate runnable projects**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[Deployment](#deployment) · [Quick Start](#quick-start) · [Features](#features) · [Architecture](#architecture) · [Contributing](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## Introduction\n\nOpen Builder is an AI-driven web app generator that runs entirely in the browser. Simply describe the application you want to build in natural language, and the AI will automatically create, modify, and delete files in an in-memory file system through a Tool Call loop, with live preview powered by [Sandpack](https://sandpack.codesandbox.io/).\n\nNo backend server required — all computation happens in the browser. Your API Key is stored only in local browser storage and is never uploaded to any server.\n\nIt also supports building as a desktop app (macOS / Windows / Linux) and mobile app (iOS / Android) via [Tauri](https://tauri.app), delivering a native application experience.\n\n> Compatible with any OpenAI Chat Completions API, including OpenAI, Anthropic Claude, DeepSeek, Qwen, and other major model providers.\n\n---\n\n## Demo\n\n\n\n[Live Demo](https://builder.u14.app)\n\n---\n\n## Features\n\n### Core\n\n- **Natural Language to Code** — Describe your idea, AI plans and generates the complete project structure\n- **Live Preview** — Browser-based sandbox powered by Sandpack, instant rendering on code changes\n- **Multi-Framework Support** — 20+ templates including React, Vue, Svelte, Angular, SolidJS, Astro, etc.\n- **Smart File Operations** — AI uses `patch_file` for precise modifications, avoiding unnecessary full rewrites\n- **Dependency Management** — AI can modify `package.json` and trigger dependency reinstallation\n- **Project Snapshots** — Roll back code to any previous version with one click\n- **Context Compression** — Automatically compresses long conversation context to reduce token usage\n\n### User Experience\n\n- **Multi-Session Management** — Sidebar with create, switch, delete sessions; history persisted locally\n- **Smart Session Naming** — Auto-generates session titles based on conversation content\n- **Slash Commands** — Input box supports `/compact`, `/review`, and other shortcut commands\n- **Image & File Input** — Upload screenshots, design mockups, or files as context input\n- **Streaming Output** — Real-time display of AI thinking process and code generation progress\n- **Extended Thinking** — Supports Extended Thinking / Reasoning mode (DeepSeek-R1, Claude 4.6, etc.)\n- **One-Click Download** — Export generated project as a ZIP file\n- **Flexible Layout** — Drag to resize chat and editor panels\n- **Multi-Language & Themes** — Multiple UI languages and appearance themes\n- **Mobile Responsive** — Responsive layout with embedded preview on mobile devices\n\n### Web Search (Optional)\n\n- Integrated [Tavily](https://tavily.com) API for real-time web search\n- Web content reading with automatic fallback to [Jina Reader](https://jina.ai/reader/)\n\n---\n\n## Quick Start\n\n### Prerequisites\n\n- Node.js 20+ or [Bun](https://bun.sh)\n- Any OpenAI-compatible API Key\n\n### Installation\n\n```bash\n# Clone the repository\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm dev\n```\n\nOpen `http://localhost:5173` in your browser, click the settings icon in the top-right corner to configure your API Key.\n\n### Desktop / Mobile App (Tauri)\n\nRequires [Rust](https://www.rust-lang.org/tools/install) and Tauri [platform dependencies](https://tauri.app/start/prerequisites/).\n\n```bash\n# Desktop development\npnpm tauri:dev\n\n# Desktop build\npnpm tauri:build\n\n# iOS development / build\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android development / build\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### Configuration\n\nClick the settings button in the top-right corner and fill in:\n\n| Option | Description | Example |\n| -------------- | ------------------------------ | -------------------------------------------- |\n| API Key | Your AI service API key | `sk-...` |\n| API URL | OpenAI-compatible endpoint | `https://api.openai.com/v1/chat/completions` |\n| Model Name | Model ID to use | `gpt-5.3-codex`, `deepseek-chat` |\n| Tavily API Key | (Optional) Web search feature | `tvly-...` |\n\n> All settings are stored in browser `localStorage` and never leave your device.\n\n---\n\n## Architecture\n\n### Core Engine: WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) is the project's core, implementing the full AI Tool Call loop engine:\n\n```\nUser Message → AI Planning → Tool Call → Execute → Return Result → AI Continue/End\n ↓\n In-Memory File System\n ↓\n Sandpack Live Preview\n```\n\nBuilt-in tools:\n\n| Tool | Description |\n| --------------------- | -------------------------------------------- |\n| `init_project` | Initialize Sandpack project template |\n| `manage_dependencies` | Modify package.json to manage dependencies |\n| `list_files` | List all project files |\n| `read_files` | Batch read file contents |\n| `write_file` | Create or overwrite a file |\n| `patch_file` | Precise search-and-replace patch |\n| `delete_file` | Delete a file |\n| `search_in_files` | Global file content search |\n| `web_search` | Web search (requires Tavily) |\n| `web_reader` | Read web page content |\n\n### Tech Stack\n\n| Category | Technology |\n| --------------- | --------------------------------- |\n| Framework | React 19 + TypeScript 5 |\n| Build Tool | Vite 7 |\n| Styling | Tailwind CSS v4 |\n| UI Components | shadcn/ui + Radix UI |\n| Code Sandbox | Sandpack (CodeSandbox) |\n| State Mgmt | Zustand 5 |\n| Local Storage | localforage |\n| Icons | Lucide React |\n| Markdown | react-markdown + rehype-highlight |\n| Desktop/Mobile | Tauri 2 |\n\n---\n\n## Supported Models\n\nOpen Builder is compatible with any OpenAI Chat Completions API:\n\n| Provider | Recommended Models | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`, `gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`, `deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| Qwen | `qwen-3.5`, `qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| Moonshot | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| Zhipu AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> For best results, use a model with strong Function Calling support.\n\n---\n\n## Deployment\n\n### Build for Production\n\n```bash\npnpm build\n# Output to dist/ directory\n```\n\n### GitHub Pages\n\nGitHub Actions is configured — push a version tag to auto-build and deploy:\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\nSee [.github/workflows/deploy.yml](.github/workflows/deploy.yml).\n\n### Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\nOr manually: import the GitHub repo, select `Vite` as framework preset, build command `pnpm run build`, output directory `dist`.\n\n### Cloudflare Workers\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\nOr manually:\n\n1. Log in to [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. Select the `open-builder` repo with the following build config:\n\n| Option | Value |\n| ------------ | ---------------- |\n| Build Command| `pnpm run build` |\n| Output Dir | `dist` |\n| Node.js Ver | `20` |\n\n### Netlify\n\nImport the repo, build command `pnpm run build`, output directory `dist`. No additional configuration needed.\n\n---\n\n## Contributing\n\nIssues and Pull Requests are welcome! Please read the [Contributing Guide](CONTRIBUTING.md) first.\n\n---\n\n## License\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "5efc9373ef514fb129c17d60717ff88b8b9e5041": {"t": 1785763112.3260329, "n": 6652, "h": "0440f59b2689ca8d", "c": "<div align=\"center\">\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n- **项目快照** — 支持将代码一键回滚到任意历史版本\n- **上下文压缩** — 自动压缩长对话上下文，有效降低 Token 消耗\n\n### 交互体验\n\n- **多会话管理** — 会话列表侧边栏支持创建、切换、删除，历史记录持久化保存\n- **智能会话命名** — 根据对话内容自动生成会话标题，无需手动命名\n- **Slash 指令** — 输入框支持 `/compact`、`/continue` 等斜杠快捷命令\n- **图片与文件输入** — 支持上传截图、设计稿或文件作为上下文输入\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **灵活布局** — 支持手动拖拽调整对话区域和编辑器区域宽度\n- **多语言与主题** — 支持多种界面语言和外观主题切换\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| --------------------- | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 全局搜索文件内容 |\n| `web_search` | 联网搜索（需配置 Tavily） |\n| `web_reader` | 读取网页内容 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "00b5f574ce9656508ba14e4d01de1e9b8e3fd2ac": {"t": 1785763113.882299, "n": 7506, "h": "dcfec9f698d9a29a", "c": "<div align=\"center\">\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n\n### 交互体验\n\n- **多会话管理** — 支持创建、切换、删除多个独立对话，历史记录持久化保存\n- **图片输入** — 支持上传截图或设计稿，AI 根据图片生成对应界面\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n```\nopen-builder/\n├── src/\n│ ├── components/\n│ │ ├── ChatInterface.tsx # 主聊天界面\n│ │ ├── CodeViewer.tsx # 代码查看器（编辑器 + 预览）\n│ │ ├── SettingsDialog.tsx # 设置对话框\n│ │ └── chat/ # 聊天子组件\n│ │ ├── ChatHeader.tsx # 顶部栏（会话切换、设置）\n│ │ ├── ChatInput.tsx # 输入框（支持图片上传）\n│ │ ├── MessageBubble.tsx # 消息气泡\n│ │ ├── ToolCallCard.tsx # 工具调用可视化卡片\n│ │ ├── MobilePreview.tsx # 移动端内嵌预览\n│ │ └── SessionList.tsx # 会话列表侧边栏\n│ ├── hooks/\n│ │ ├── useAppState.ts # 应用状态聚合\n│ │ ├── useGenerator.ts # AI 生成器 Hook\n│ │ ├── useMergedMessages.ts # 消息合并（合并连续工具调用）\n│ │ └── useIsMobile.ts # 移动端检测\n│ ├── lib/\n│ │ ├── generator.ts # 核心：WebAppGenerator 引擎\n│ │ ├── tavily.ts # 联网搜索工具（Tavily + Jina）\n│ │ └── client.ts # API 客户端封装\n│ ├── store/\n│ │ ├── conversation.ts # Zustand 会话状态（含持久化）\n│ │ └── settings.ts # Zustand 设置状态（含持久化）\n│ └── types/\n│ └── index.ts # 全局类型定义\n```\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| --------------------- | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 全局搜索文件内容 |\n| `web_search` | 联网搜索（需配置 Tavily） |\n| `web_reader` | 读取网页内容 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "26920c993f5e3c2abd6bae11973f1eac6afcf588": {"t": 1785763115.5441678, "n": 7506, "h": "31db5e430bbf7684", "c": "<div align=\"center\">\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n\n### 交互体验\n\n- **多会话管理** — 支持创建、切换、删除多个独立对话，历史记录持久化保存\n- **图片输入** — 支持上传截图或设计稿，AI 根据图片生成对应界面\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n```\nopen-builder/\n├── src/\n│ ├── components/\n│ │ ├── ChatInterface.tsx # 主聊天界面\n│ │ ├── CodeViewer.tsx # 代码查看器（编辑器 + 预览）\n│ │ ├── SettingsDialog.tsx # 设置对话框\n│ │ └── chat/ # 聊天子组件\n│ │ ├── ChatHeader.tsx # 顶部栏（会话切换、设置）\n│ │ ├── ChatInput.tsx # 输入框（支持图片上传）\n│ │ ├── MessageBubble.tsx # 消息气泡\n│ │ ├── ToolCallCard.tsx # 工具调用可视化卡片\n│ │ ├── MobilePreview.tsx # 移动端内嵌预览\n│ │ └── SessionList.tsx # 会话列表侧边栏\n│ ├── hooks/\n│ │ ├── useAppState.ts # 应用状态聚合\n│ │ ├── useGenerator.ts # AI 生成器 Hook\n│ │ ├── useMergedMessages.ts # 消息合并（合并连续工具调用）\n│ │ └── useIsMobile.ts # 移动端检测\n│ ├── lib/\n│ │ ├── generator.ts # 核心：WebAppGenerator 引擎\n│ │ ├── tavily.ts # 联网搜索工具（Tavily + Jina）\n│ │ └── client.ts # API 客户端封装\n│ ├── store/\n│ │ ├── conversation.ts # Zustand 会话状态（含持久化）\n│ │ └── settings.ts # Zustand 设置状态（含持久化）\n│ └── types/\n│ └── index.ts # 全局类型定义\n```\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| --------------------- | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 正则搜索文件内容 |\n| `web_search` | 联网搜索（需配置 Tavily） |\n| `web_reader` | 读取网页内容 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "dd5287a3ebe4a3603c947695ddc4b9ed4d51c098": {"t": 1785763117.7410688, "n": 6751, "h": "ab9f784520f2383b", "c": "<div align=\"center\">\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n\n[快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n\n### 交互体验\n\n- **多会话管理** — 支持创建、切换、删除多个独立对话，历史记录持久化保存\n- **图片输入** — 支持上传截图或设计稿，AI 根据图片生成对应界面\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 3.7 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 18+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\nnpm install\n\n# 启动开发服务器\nnpm run dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n```\nopen-builder/\n├── src/\n│ ├── components/\n│ │ ├── ChatInterface.tsx # 主聊天界面\n│ │ ├── CodeViewer.tsx # 代码查看器（编辑器 + 预览）\n│ │ ├── SettingsDialog.tsx # 设置对话框\n│ │ └── chat/ # 聊天子组件\n│ │ ├── ChatHeader.tsx # 顶部栏（会话切换、设置）\n│ │ ├── ChatInput.tsx # 输入框（支持图片上传）\n│ │ ├── MessageBubble.tsx # 消息气泡\n│ │ ├── ToolCallCard.tsx # 工具调用可视化卡片\n│ │ ├── MobilePreview.tsx # 移动端内嵌预览\n│ │ └── SessionList.tsx # 会话列表侧边栏\n│ ├── hooks/\n│ │ ├── useAppState.ts # 应用状态聚合\n│ │ ├── useGenerator.ts # AI 生成器 Hook\n│ │ ├── useMergedMessages.ts # 消息合并（合并连续工具调用）\n│ │ └── useIsMobile.ts # 移动端检测\n│ ├── lib/\n│ │ ├── generator.ts # 核心：WebAppGenerator 引擎\n│ │ ├── tavily.ts # 联网搜索工具（Tavily + Jina）\n│ │ └── client.ts # API 客户端封装\n│ ├── store/\n│ │ ├── conversation.ts # Zustand 会话状态（含持久化）\n│ │ └── settings.ts # Zustand 设置状态（含持久化）\n│ └── types/\n│ └── index.ts # 全局类型定义\n```\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| --------------------- | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 正则搜索文件内容 |\n| `web_search` | 联网搜索（需配置 Tavily） |\n| `web_reader` | 读取网页内容 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-max`、`qwen-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `moonshot-v1-128k` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-4` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\nnpm run build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel / Netlify\n\n直接导入仓库，构建命令 `npm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "b8603469a2e7321b58b9b3371d9dd534903d3235": {"t": 1785763119.2337968, "n": 1948, "h": "29b00b1ee0d6a862", "c": "# AI Web App Generator\n\n<div align=\"center\">\n\n**基于 AI Tool Call 的 Web 应用生成器**\n\n通过对话方式生成完整的 React Web 应用\n\n[快速开始](./docs/快速开始.md) · [配置指南](./docs/配置指南.md) · [使用示例](./docs/使用示例.md) · [架构文档](./docs/)\n\n</div>\n\n---\n\n## 演示\n\n```\n用户: 创建一个待办事项应用\nAI: 好的，我来创建...\n 📄 创建 src/App.tsx ✓\n 📄 创建 src/index.css ✓\n ✅ 完成！\n\n用户: 添加暗黑模式切换\nAI: 正在修改...\n ✏️ 修改 src/App.tsx ✓\n ✅ 已添加暗黑模式！\n```\n\n## 特性\n\n- 🤖 支持 OpenAI 兼容的 AI 模型（OpenAI、DeepSeek、Ollama 等）\n- 🔧 基于 Tool Call 机制的智能代码生成\n- 📁 完整的多文件项目管理\n- 🌳 可视化文件树导航\n- 🔄 实时预览和代码编辑\n- 💬 对话式交互，支持迭代修改\n- 🎨 Tool Call 可视化展示\n- 📊 实时显示 AI 操作过程\n- 🚀 支持流式输出，实时查看生成过程\n\n## 架构说明\n\n本项目实现了完整的 AI Tool Call 工作流：\n\n```\n用户输入 → AI 分析 → Tool Call 循环 → 文件操作 → 实时预览\n```\n\n核心组件：\n\n- `WebAppGenerator`: Tool Call 引擎，处理 AI 对话和工具调用循环\n- `OpenAI Client`: OpenAI 兼容的 API 客户端\n- `ChatInterface`: 对话界面组件\n- `CodeViewer`: 代码查看和编辑组件\n\n详细实现原理请参考 [docs](./docs) 目录下的文档。\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 18+\n- 现代浏览器（Chrome、Firefox、Safari、Edge）\n\n### 安装\n\n```bash\nnpm install\n```\n\n### 运行\n\n```bash\nnpm run dev\n```\n\n访问 http://localhost:5173\n\n### 首次使用\n\n1. 点击聊天界面右上角的设置按钮 ⚙️\n2. 选择预设配置或手动填写：\n - API Key\n - API URL\n - 模型名称\n3. 保存设置\n4. 开始使用！\n\n**注意：** 不需要配置 `.env.local` 文件，所有设置在界面中完成。\n\n## 使用示例\n\n在聊天界面输入你的需求，例如：\n\n- \"创建一个待办事项应用\"\n- \"添加暗黑模式切换功能\"\n- \"给每个待办项添加优先级标签\"\n- \"添加本地存储功能\"\n\nAI 会通过 Tool Call 机制自动：\n\n1. 创建和修改文件\n2. 组织项目结构\n3. 实现完整功能\n4. 实时更新预览\n\n## 技术栈\n\n- React 19 + TypeScript\n- Vite\n- Tailwind CSS\n- OpenAI Compatible API\n- Monaco Editor\n\n## 项目结构\n\n```\nsrc/\n├── lib/\n│ ├── web-app-generator.ts # Tool Call 核心引擎\n│ ├── openai-client.ts # OpenAI 兼容客户端\n│ └── utils.ts # 工具函数\n├── components/\n│ ├── ChatInterface.tsx # 对话界面\n│ └── CodeViewer.tsx # 代码查看器\n├── constants/\n│ └── template.ts # 项目模板\n└── App.tsx # 主应用\n```\n\n## 文档\n\n- [AI Tool Call 完整实现](./docs/AI%20Tool%20Call%20Web%20App%20Generator%20—%20完整%20TypeScript%20实现.md)\n- [系统架构与实现原理](./docs/利用%20AI%20Tool%20Call%20生成%20Web%20APP%20的系统架构与实现原理.md)\n\n## License\n\nMIT\n"}, "0104127b97d5224c24515d5e52e85b3cf9e62bb9": {"t": 1785763120.7127182, "n": 550, "h": "1e391ac77f47218a", "c": "<div align=\"center\">\n<img width=\"1200\" height=\"475\" alt=\"GHBanner\" src=\"https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6\" />\n</div>\n\n# Run and deploy your AI Studio app\n\nThis contains everything you need to run your app locally.\n\nView your app in AI Studio: https://ai.studio/apps/30d271fb-807a-4507-a710-fdd245daa62e\n\n## Run Locally\n\n**Prerequisites:** Node.js\n\n\n1. Install dependencies:\n `npm install`\n2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key\n3. Run the app:\n `npm run dev`\n"}, "d84286e65606b39026e4adef1e29a2864b1789b3": {"t": 1785763121.9127371, "n": 329, "h": "c62726310e6af115", "c": "<div align=\"center\">\n\n<img width=\"1200\" height=\"475\" alt=\"GHBanner\" src=\"https://github.com/user-attachments/assets/0aa67016-6eaf-458a-adb2-6e31a0763ed6\" />\n\n <h1>Built with AI Studio</h2>\n\n <p>The fastest path from prompt to production with Gemini.</p>\n\n <a href=\"https://aistudio.google.com/apps\">Start building</a>\n\n</div>\n"}}, "README.zh-CN.md": {"fa0df068f50995370954008af0c02578e2119fe0": {"t": 1785746378.5245535, "n": 8027, "h": "7bd2e3e4a7db19c5", "c": "<div align=\"center\">\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n[English](README.md) | 简体中文\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n同时支持通过 [Tauri](https://tauri.app) 构建为桌面应用（macOS / Windows / Linux）和移动应用（iOS / Android），享受原生应用体验。\n\n> 兼容任何多种主流模型的 API 服务，比如 OpenAI、Anthropic、Google、Ollama 等服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n- **项目快照** — 支持将代码一键回滚到任意历史版本\n- **上下文压缩** — 自动压缩长对话上下文，有效降低 Token 消耗\n- **内置搜索** — 支持启用模型内置的搜索服务\n- **CORS 解决方案** — 客户端版本支持 API 反向代理转发，有效解决跨域问题\n\n### 交互体验\n\n- **多会话管理** — 会话列表侧边栏支持创建、切换、删除，历史记录持久化保存\n- **智能会话命名** — 根据对话内容自动生成会话标题，无需手动命名\n- **Slash 指令** — 输入框支持 `/compact`、`/review` 等斜杠快捷命令\n- **图片与文件输入** — 支持上传截图、设计稿或文件作为上下文输入\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **灵活布局** — 支持手动拖拽调整对话区域和编辑器区域宽度\n- **多语言与主题** — 支持多种界面语言和外观主题切换\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com)、[Firecrawl](https://www.firecrawl.dev) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 桌面/移动应用（Tauri）\n\n需要额外安装 [Rust](https://www.rust-lang.org/tools/install) 和 Tauri 的[平台依赖](https://tauri.app/start/prerequisites/)。\n\n```bash\n# 桌面端开发\npnpm tauri:dev\n\n# 桌面端构建\npnpm tauri:build\n\n# iOS 开发/构建\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android 开发/构建\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| ------------------------ | ------------------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 全局搜索文件内容 |\n| `web_search` | 联网搜索（支持模型内置、Tavily、Firecrawl） |\n| `web_reader` | 读取网页内容 |\n| `image_search` | 图片搜索（支持 Pixabay、Unsplash） |\n| `search_npm_packages` | NPM 包搜索 |\n| `get_npm_package_detail` | 获取 NPM 包的详细信息 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n| 桌面/移动端 | Tauri 2 |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容主流大模型的 API 格式：\n\n| 服务商 | 推荐模型 | API URL |\n| --------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/responses` |\n| Anthropic | `claude-4.6-sonnet`、`claude-opus-4` | `https://api.anthropic.com/v1/messages` |\n| Google | `gemini-2.0-flash-exp` | `https://generativelanguage.googleapis.com/v1beta/models` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n| Ollama | `gpt-oss:120b`、`qwen3:8b` | `http://localhost:11434/v1/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "76a913f2977bd054e6a6281d641580d7cc0920b4": {"t": 1785763102.7178447, "n": 7575, "h": "d97eaf13b1af45cc", "c": "<div align=\"center\">\n\n[English](README.md) | 简体中文\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n同时支持通过 [Tauri](https://tauri.app) 构建为桌面应用（macOS / Windows / Linux）和移动应用（iOS / Android），享受原生应用体验。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n- **项目快照** — 支持将代码一键回滚到任意历史版本\n- **上下文压缩** — 自动压缩长对话上下文，有效降低 Token 消耗\n- **内置搜索** — 模型支持内置搜索服务，增强 AI 能力\n- **CORS 解决方案** — 客户端版本支持 API 反向代理转发，有效解决跨域问题\n\n### 交互体验\n\n- **多会话管理** — 会话列表侧边栏支持创建、切换、删除，历史记录持久化保存\n- **智能会话命名** — 根据对话内容自动生成会话标题，无需手动命名\n- **Slash 指令** — 输入框支持 `/compact`、`/review` 等斜杠快捷命令\n- **图片与文件输入** — 支持上传截图、设计稿或文件作为上下文输入\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **灵活布局** — 支持手动拖拽调整对话区域和编辑器区域宽度\n- **多语言与主题** — 支持多种界面语言和外观主题切换\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com)、[Firecrawl](https://www.firecrawl.dev) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 桌面/移动应用（Tauri）\n\n需要额外安装 [Rust](https://www.rust-lang.org/tools/install) 和 Tauri 的[平台依赖](https://tauri.app/start/prerequisites/)。\n\n```bash\n# 桌面端开发\npnpm tauri:dev\n\n# 桌面端构建\npnpm tauri:build\n\n# iOS 开发/构建\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android 开发/构建\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| ------------------------ | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 全局搜索文件内容 |\n| `web_search` | 联网搜索（支持 Tavily、Firecrawl） |\n| `web_reader` | 读取网页内容 |\n| `image_search` | 图片搜索（支持 Pixabay、Unsplash） |\n| `search_npm_packages` | NPM 包搜索 |\n| `get_npm_package_detail` | 获取 NPM 包的详细信息 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n| 桌面/移动端 | Tauri 2 |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "561934b30b7826dc47959e3118e0587ddb6e0ad2": {"t": 1785763104.2193248, "n": 7496, "h": "b841725f28976601", "c": "<div align=\"center\">\n\n[English](README.md) | 简体中文\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n同时支持通过 [Tauri](https://tauri.app) 构建为桌面应用（macOS / Windows / Linux）和移动应用（iOS / Android），享受原生应用体验。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n- **项目快照** — 支持将代码一键回滚到任意历史版本\n- **上下文压缩** — 自动压缩长对话上下文，有效降低 Token 消耗\n\n### 交互体验\n\n- **多会话管理** — 会话列表侧边栏支持创建、切换、删除，历史记录持久化保存\n- **智能会话命名** — 根据对话内容自动生成会话标题，无需手动命名\n- **Slash 指令** — 输入框支持 `/compact`、`/review` 等斜杠快捷命令\n- **图片与文件输入** — 支持上传截图、设计稿或文件作为上下文输入\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **灵活布局** — 支持手动拖拽调整对话区域和编辑器区域宽度\n- **多语言与主题** — 支持多种界面语言和外观主题切换\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com)、[Firecrawl](https://www.firecrawl.dev) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 桌面/移动应用（Tauri）\n\n需要额外安装 [Rust](https://www.rust-lang.org/tools/install) 和 Tauri 的[平台依赖](https://tauri.app/start/prerequisites/)。\n\n```bash\n# 桌面端开发\npnpm tauri:dev\n\n# 桌面端构建\npnpm tauri:build\n\n# iOS 开发/构建\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android 开发/构建\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| ------------------------ | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 全局搜索文件内容 |\n| `web_search` | 联网搜索（支持 Tavily、Firecrawl） |\n| `web_reader` | 读取网页内容 |\n| `image_search` | 图片搜索（支持 Pixabay、Unsplash） |\n| `search_npm_packages` | NPM 包搜索 |\n| `get_npm_package_detail` | 获取 NPM 包的详细信息 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n| 桌面/移动端 | Tauri 2 |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "bdf55cd493d452f10d364d6c3fa677f0355fa237": {"t": 1785763105.5785346, "n": 7282, "h": "4d6123aa080e0a06", "c": "<div align=\"center\">\n\n[English](README.md) | 简体中文\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n同时支持通过 [Tauri](https://tauri.app) 构建为桌面应用（macOS / Windows / Linux）和移动应用（iOS / Android），享受原生应用体验。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n- **项目快照** — 支持将代码一键回滚到任意历史版本\n- **上下文压缩** — 自动压缩长对话上下文，有效降低 Token 消耗\n\n### 交互体验\n\n- **多会话管理** — 会话列表侧边栏支持创建、切换、删除，历史记录持久化保存\n- **智能会话命名** — 根据对话内容自动生成会话标题，无需手动命名\n- **Slash 指令** — 输入框支持 `/compact`、`/review` 等斜杠快捷命令\n- **图片与文件输入** — 支持上传截图、设计稿或文件作为上下文输入\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **灵活布局** — 支持手动拖拽调整对话区域和编辑器区域宽度\n- **多语言与主题** — 支持多种界面语言和外观主题切换\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com)、[Firecrawl](https://www.firecrawl.dev) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 桌面/移动应用（Tauri）\n\n需要额外安装 [Rust](https://www.rust-lang.org/tools/install) 和 Tauri 的[平台依赖](https://tauri.app/start/prerequisites/)。\n\n```bash\n# 桌面端开发\npnpm tauri:dev\n\n# 桌面端构建\npnpm tauri:build\n\n# iOS 开发/构建\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android 开发/构建\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| --------------------- | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 全局搜索文件内容 |\n| `web_search` | 联网搜索（需配置 Tavily） |\n| `web_reader` | 读取网页内容 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n| 桌面/移动端 | Tauri 2 |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}, "6c3525d0c727dbd32b14b72a5c5a148af872c820": {"t": 1785763107.4135854, "n": 7243, "h": "6432518568862dff", "c": "<div align=\"center\">\n\n[English](README.md) | 简体中文\n\n# Open Builder\n\n**基于 AI 的 Web 应用生成器 —— 用自然语言描述，即刻生成可运行的完整项目**\n\n[](LICENSE)\n[](https://react.dev)\n[](https://www.typescriptlang.org)\n[](https://vitejs.dev)\n[](https://tailwindcss.com)\n[](https://tauri.app)\n\n[部署指南](#部署) · [快速开始](#快速开始) · [功能特性](#功能特性) · [技术架构](#技术架构) · [贡献指南](CONTRIBUTING.md)\n\n</div>\n\n---\n\n## 简介\n\nOpen Builder 是一个完全运行在浏览器中的 AI 驱动 Web 应用生成器。你只需用自然语言描述想要构建的应用，AI 就会通过工具调用（Tool Call）循环，在内存文件系统中自动创建、修改、删除文件，并通过 [Sandpack](https://sandpack.codesandbox.io/) 实时预览运行结果。\n\n整个过程无需后端服务器，所有计算均在浏览器端完成。你的 API Key 仅保存在本地浏览器存储中，不会上传到任何服务器。\n\n同时支持通过 [Tauri](https://tauri.app) 构建为桌面应用（macOS / Windows / Linux）和移动应用（iOS / Android），享受原生应用体验。\n\n> 兼容任何 OpenAI Chat Completions 格式的 API，包括 OpenAI、Anthropic Claude、DeepSeek、通义千问等主流模型服务。\n\n---\n\n## 演示\n\n\n\n[演示网站](https://builder.u14.app)\n\n---\n\n## 功能特性\n\n### 核心能力\n\n- **自然语言生成代码** — 描述你的想法，AI 自动规划并生成完整项目结构\n- **实时预览** — 基于 Sandpack 的浏览器内沙箱，代码变更即时渲染\n- **多框架支持** — 支持 React、Vue、Svelte、Angular、SolidJS、Astro 等 20+ 模板\n- **智能文件操作** — AI 通过 `patch_file` 精确修改文件，避免不必要的全量重写\n- **依赖管理** — AI 可自动修改 `package.json` 并触发依赖重装\n- **项目快照** — 支持将代码一键回滚到任意历史版本\n- **上下文压缩** — 自动压缩长对话上下文，有效降低 Token 消耗\n\n### 交互体验\n\n- **多会话管理** — 会话列表侧边栏支持创建、切换、删除，历史记录持久化保存\n- **智能会话命名** — 根据对话内容自动生成会话标题，无需手动命名\n- **Slash 指令** — 输入框支持 `/compact`、`/review` 等斜杠快捷命令\n- **图片与文件输入** — 支持上传截图、设计稿或文件作为上下文输入\n- **流式输出** — 实时展示 AI 思考过程和代码生成进度\n- **扩展思考** — 支持 Extended Thinking / Reasoning 模式（DeepSeek-R1、Claude 4.6 等）\n- **一键下载** — 将生成的项目打包为 ZIP 文件下载到本地\n- **灵活布局** — 支持手动拖拽调整对话区域和编辑器区域宽度\n- **多语言与主题** — 支持多种界面语言和外观主题切换\n- **移动端适配** — 响应式布局，移动端可内嵌预览生成的应用\n\n### 联网搜索（可选）\n\n- 集成 [Tavily](https://tavily.com) API，AI 可实时搜索网页获取最新信息\n- 支持网页内容读取，自动降级到 [Jina Reader](https://jina.ai/reader/) 作为备用方案\n\n---\n\n## 快速开始\n\n### 前置要求\n\n- Node.js 20+ 或 [Bun](https://bun.sh)\n- 任意 OpenAI 兼容 API 的 Key\n\n### 安装与运行\n\n```bash\n# 克隆仓库\ngit clone https://github.com/Amery2010/open-builder.git\ncd open-builder\n\n# 安装依赖\npnpm install\n\n# 启动开发服务器\npnpm dev\n```\n\n打开浏览器访问 `http://localhost:5173`，点击右上角设置图标配置你的 API Key 即可开始使用。\n\n### 桌面/移动应用（Tauri）\n\n需要额外安装 [Rust](https://www.rust-lang.org/tools/install) 和 Tauri 的[平台依赖](https://tauri.app/start/prerequisites/)。\n\n```bash\n# 桌面端开发\npnpm tauri:dev\n\n# 桌面端构建\npnpm tauri:build\n\n# iOS 开发/构建\npnpm tauri:ios:dev\npnpm tauri:ios:build\n\n# Android 开发/构建\npnpm tauri:android:dev\npnpm tauri:android:build\n```\n\n### 配置说明\n\n点击界面右上角的设置按钮，填写以下信息：\n\n| 配置项 | 说明 | 示例 |\n| -------------- | --------------------- | -------------------------------------------- |\n| API Key | 你的 AI 服务 API 密钥 | `sk-...` |\n| API URL | OpenAI 兼容的接口地址 | `https://api.openai.com/v1/chat/completions` |\n| 模型名称 | 使用的模型 ID | `gpt-5.3-codex`、`deepseek-chat` |\n| Tavily API Key | （可选）联网搜索功能 | `tvly-...` |\n\n> 所有配置均保存在浏览器 `localStorage` 中，不会离开你的设备。\n\n---\n\n## 技术架构\n\n### 核心引擎：WebAppGenerator\n\n[src/lib/generator.ts](src/lib/generator.ts) 是整个项目的核心，实现了完整的 AI Tool Call 循环引擎：\n\n```\n用户消息 → AI 规划 → 工具调用 → 执行工具 → 返回结果 → AI 继续/结束\n ↓\n 内存文件系统\n ↓\n Sandpack 实时预览\n```\n\n内置工具列表：\n\n| 工具 | 描述 |\n| --------------------- | ---------------------------------- |\n| `init_project` | 初始化 Sandpack 项目模板 |\n| `manage_dependencies` | 修改 package.json 管理依赖 |\n| `list_files` | 列出所有项目文件 |\n| `read_files` | 批量读取文件内容 |\n| `write_file` | 创建或覆写文件 |\n| `patch_file` | 精确搜索替换补丁（推荐用于小改动） |\n| `delete_file` | 删除文件 |\n| `search_in_files` | 全局搜索文件内容 |\n| `web_search` | 联网搜索（需配置 Tavily） |\n| `web_reader` | 读取网页内容 |\n\n### 技术栈\n\n| 类别 | 技术 |\n| ------------- | --------------------------------- |\n| 框架 | React 19 + TypeScript 5 |\n| 构建工具 | Vite 7 |\n| 样式 | Tailwind CSS v4 |\n| UI 组件 | shadcn/ui + Radix UI |\n| 代码沙箱 | Sandpack (CodeSandbox) |\n| 状态管理 | Zustand 5 |\n| 本地存储 | localforage |\n| 图标 | Lucide React |\n| Markdown 渲染 | react-markdown + rehype-highlight |\n| 桌面/移动端 | Tauri 2 |\n\n---\n\n## 支持的模型\n\nOpen Builder 兼容所有 OpenAI Chat Completions 格式的 API：\n\n| 服务商 | 推荐模型 | API URL |\n| -------- | ------------------------------------ | -------------------------------------------------------------------- |\n| OpenAI | `gpt-5.3-codex`、`gpt-5.2` | `https://api.openai.com/v1/chat/completions` |\n| DeepSeek | `deepseek-chat`、`deepseek-reasoner` | `https://api.deepseek.com/v1/chat/completions` |\n| 通义千问 | `qwen-3.5`、`qwen3-coder-plus` | `https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions` |\n| 月之暗面 | `kimi-k2.5` | `https://api.moonshot.cn/v1/chat/completions` |\n| 智谱 AI | `glm-5` | `https://open.bigmodel.cn/api/paas/v4/chat/completions` |\n\n> 推荐使用支持 Function Calling 的强力模型以获得最佳效果。\n\n---\n\n## 部署\n\n### 构建生产版本\n\n```bash\npnpm build\n# 产物输出到 dist/ 目录\n```\n\n### 部署到 GitHub Pages\n\n本项目配置了 GitHub Actions，推送版本 tag 即可自动构建并部署：\n\n```bash\ngit tag v1.0.0\ngit push origin v1.0.0\n```\n\n详见 [.github/workflows/deploy.yml](.github/workflows/deploy.yml)。\n\n### 部署到 Vercel\n\n[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAmery2010%2Fopen-builder)\n\n或手动部署：导入 GitHub 仓库，框架预设选择 `Vite`，构建命令 `pnpm run build`，输出目录 `dist`，无需额外配置。\n\n### 部署到 Cloudflare Worker\n\n[](https://deploy.workers.cloudflare.com/?url=https://github.com/Amery2010/open-builder)\n\n或手动部署：\n\n1. 登录 [Cloudflare Dashboard](https://dash.cloudflare.com/) → Workers & Pages → Create → Worker → Connect to Git\n2. 选择 `open-builder` 仓库，构建配置如下：\n\n| 配置项 | 值 |\n| ------------ | ---------------- |\n| 构建命令 | `pnpm run build` |\n| 输出目录 | `dist` |\n| Node.js 版本 | `20` |\n\n### 部署到 Netlify\n\n直接导入仓库，构建命令 `pnpm run build`，输出目录 `dist`，无需任何额外配置。\n\n---\n\n## 贡献\n\n欢迎提交 Issue 和 Pull Request！请先阅读 [贡献指南](CONTRIBUTING.md)。\n\n---\n\n## 许可证\n\n[GPLv3 License](LICENSE) © 2026 Open Builder Contributors\n"}}}} |