Forge (forge.new) 是一款颠覆性的AI驱动Web应用开发平台，致力于帮助用户通过简单的自然语言描述，快速生成、迭代并部署达到生产级别的Web应用程序。不同于仅能生成静态交互原型的设计工具（如Bolt或Lovable），Forge专注于底层代码质量与完全的所有权控制。它采用现代前端主流技术栈，为你自动编写基于 Next.js、Tailwind CSS 和 shadcn/ui 且符合行业最佳实践的React代码。无论是零基础的创业者希望快速搭建产品MVP，还是专业开发者想要免去繁琐的UI搭建工作，Forge都能完美胜任。平台内置了实时预览和一键部署托管功能，更允许你将生成的完整项目源码打包下载，或直接推送到个人的GitHub仓库。真正的零供应商锁定，让你对应用代码拥有100%的所有权。

機能一覧

• 自然语言生成应用：只需输入白话文描述你的创意和界面需求，AI即可自动构建出包含交互逻辑和UI界面的完整Web前端应用。
• 生产级技术栈：底层强制生成基于 Next.js、Tailwind CSS 和 shadcn/ui 的现代工业级React代码，杜绝冗余低效的“机器代码”，直接对接现代企业开发标准。
• 对话式多轮迭代：无需重新生成整体项目，通过在聊天框中下达局部修改指令，即可实时对UI样式、局部布局或功能组件进行精准微调。
• 100%代码所有权与一键导出：无任何供应商锁定（No lock-in），支持将生成的完整代码库（包含配置依赖）打包下载至本地，随时无缝接入本地IDE继续开发。
• 直推GitHub仓库：深度集成代码版本控制，允许用户将生成的源码和项目结构一键自动推送到关联的个人GitHub代码库中。
• 内置一键发布部署：免去繁琐的服务器运维与配置，平台自带云端托管环境，一键点击即可将应用上线并生成公网访问链接。
• 响应式多端实时预览：在生成代码的同时，提供所见即所得的实时预览窗口，并支持无缝切换桌面端、平板端和手机端等不同设备的响应式视图。

ヘルプの使用

🚀 Forge.new 全面使用指南与进阶操作手册

欢迎使用 Forge (forge.new)！这是一款专为现代Web应用开发设计的强大AI构建器。无论你是完全不懂代码的跨界创作者，还是希望十倍提升开发效率的高级工程师，本教程都将以最详细的步骤，手把手带你掌握如何利用自然语言生成、多轮迭代并发布达到工业级生产标准的React应用。

⚙️ 一、 平台访问与环境准备

Forge 是一个完全基于云端的SaaS开发平台，你无需在本地电脑安装诸如 Node.js 或任何繁重的依赖包即可开始工作。

1. クイックアクセス：打开你的现代浏览器（推荐 Chrome 或 Edge），在地址栏直接输入网址 https://forge.new 即可直达开发工作台。
2. 账号注册与极速登录：点击页面上的“Sign up / Login”按钮。我们强烈建议使用 GitHub 账号进行一键授权登录。这不仅能自动同步和保存你的所有历史项目，更关键的是，在后续使用 Forge 特色的“代码推送到 GitHub”功能时，可以实现无缝打通。
3. 工作台界面导览：登录进入核心操作台后，你会看到一个极简且直观的双视窗界面。屏幕左侧（或底部）是你的“AI 对话控制台”，也是你输入提示词的核心区域；右侧则是宽广的“实时预览与代码检视区”。

🛠️ 二、 核心操作流：从零构思到完整应用生成

第 1 步：输入结构化的高效提示词（Prompting Tips）

Forge 的核心魔法在于对自然语言的精准解析。为了让 AI 能够一次性生成高质量的生产级代码，建议你采用**“功能描述 + 布局结构 + 视觉风格”**的结构化语言来书写提示词。

• 优秀提示词示例：“帮我构建一个面向企业用户的 SaaS 数据分析看板。包含左侧的深色侧边栏导航（含首页、用户数据、系统设置三个菜单）。右侧主内容区顶部为四个关键业务指标卡片（总收入、日活跃用户、月转化率、平均跳出率）。中间部分需要一个折线图占位符来显示过去十二个月的增长趋势。底部放置一个带有搜索框的最近交易记录数据表格。整体采用极简的现代扁平化风格，组件请使用 shadcn/ui。”
• 操作技術：尽量明确你需要的具体交互动作（例如“点击右上角按钮后需要弹出一个填写个人信息的模态框表单”），指令越清晰，AI 构建的组件联动就越精确。

第 2 步：等待 AI 实时构建与多端预览

提交提示词后，Forge 会在后台立即启动引擎，实时为你编写基于 Next.js 和 Tailwind CSS 的代码。

• 可视化渲染过程：你可以在屏幕右侧亲眼看到 UI 组件和框架一块块被实时渲染出来的震撼过程。不同于传统的静态原型绘制，这里向你展示的是真正在浏览器中运行的 React DOM 节点。
• 响应式测试：利用平台视窗顶部的设备切换图标，你可以一键切换到手机、平板或桌面电脑视图，实时验证该 Web 应用在不同屏幕尺寸下的自适应表现是否完美。

第 3 步：对话式持续迭代与精准微调

初次生成的应用往往需要细节上的打磨。Forge 的强大之处在于支持“增量式局部修改”。

• 局部调优：你完全不需要重新输入几百字的原始要求，只需像聊天一样在对话框中告诉 AI：“把侧边栏导航的背景颜色改成深海蓝色”、“在数据表格的上方增加一个按日期筛选的下拉框”，或者“让关键指标卡片在鼠标悬停时增加一层轻微的阴影效果”。AI 会自动定位到对应层级的代码并进行精准替换更新。
• 版本安全回滚：如果你对某一次 AI 的修改结果不满意，可以通过内置的历史记录功能一键回滚到上一个稳定版本。这种非破坏性的开发模式让你拥有无限试错的底气。

💻 三、 进阶使用：接管代码控制权与深度定制开发

Forge 在业界广受好评的最大原因是其坚守的**“无供应商锁定（No lock-in）”**原则。对于具备编程基础的开发者来说，这是提升生产力的杀手锏。

1. 深入代码级审查 (Code Review)

• 在右侧预览界面的上方，点击 Code（代码）选项卡，你可以直接从可视化 UI 切换到源码视图，查阅 AI 刚刚为你生成的所有底层原始代码。
• 所有代码严格遵循现代前沿的架构规范组织：不仅采用了性能极佳的 Next.js 框架，且文件依据标准的组件化（Components）逻辑拆分；CSS 样式完全由易于维护的 Tailwind CSS 驱动，而高阶交互组件则深度融合了开源界极受欢迎的 shadcn/ui。这意味着生成的代码清爽、优雅、符合人类阅读习惯，随时可以接手继续二次开发。

2. 无缝导出与 GitHub 深度集成 (平台核心特色)

当你在 Forge 平台上完成了应用的前端基础建设，希望连接私有数据库或编写复杂的后端 API 逻辑时，可以通过以下方式将项目“带走”：

• 下载为 ZIP 压缩包：点击界面右上角的 Export 或 Download，即可将整个带有完整依赖树（package.json）的 Next.js 项目压缩包瞬间下载到本地电脑。解压后，打开终端运行 npm install 与 npm run dev，即可在你熟悉的 VS Code 中无缝对接开发。
• 直推 GitHub 仓库：在绑定你的 GitHub 账号后，只需点击 Push to GitHub。Forge 会自动利用 API 在你的账户下新建一个代码仓库，并将所有代码及配置文件完整推送到 main 主分支。这一步操作极大地方便了后续对接 Vercel、Netlify 等平台的自动化 CI/CD 部署流水线。

🚀 四、 零配置一键云端部署上线

对于那些没有本地开发需求、纯粹想快速验证商业想法（MVP）的用户或产品经理，Forge 提供了真正的开箱即用发布体验。

• 一键发布操作：完成所有的页面预览确认后，在项目界面右上角点击显著的 Deploy（部署）按钮。
• 自动托管服务：你不需要懂任何关于服务器购买、Nginx 配置或域名解析的知识。平台内置了全自动的分布式托管环境，只需短短数秒，系统就会为你生成一个可供全球公开访问的专属链接（URL）。
• 即刻分享：复制这个链接，立刻将它发送给你的目标客户、投资机构或是种子用户群，去获取最真实的业务反馈。

通过以上四大模块的完整掌握，你会发现 Forge 真正实现了将“需求撰写、UI 设计、前端编码、服务器部署”四个通常需要一整个技术团队耗时数周的繁重环节，极致压缩到了你一个人几杯咖啡的时间里。即刻打开 forge.new，用最简单的语言，构建出改变世界的 Web 应用吧！

アプリケーションシナリオ

1. 独立开发者与创业者快速构建产品MVP
   创业初期需要以最快速度验证商业想法是否可行。使用Forge可以免去寻找外包团队的成本或漫长的手写编码周期。创业者只需用几段话描述商业构想，即可直接生成带有精美交互UI的落地页或SaaS系统后台界面，并一键部署给早期用户进行体验和测试。
2. 专业前端工程师的高效辅助外脑
   高级工程师可以将繁琐的基础页面布局、重复组件拼装等体力工作全权交给Forge处理。只需让AI生成好标准的 Next.js 和 shadcn/ui 代码脚手架，随后推送到个人的GitHub并拉取到本地 IDE。开发者便可将全部精力集中在对接复杂后端API和深层业务逻辑上，将常规开发时间从几天骤降至几小时。
3. 企业非技术团队搭建内部管理系统
   当团队急需一个轻量级的客户关系管理系统(CRM)、内部业务数据统计看板或是员工考勤管理界面时，产品经理或运营等非技术岗人员也能通过Forge，以自然语言沟通的方式直接生成可实际运行的Web工具界面，极大降低企业内部IT化的人力门槛和时间成本。

QA

1. 什么是 Forge？
   Forge 是一个强大的 AI 驱动 Web 应用构建平台，能够通过自然语言描述自动生成达到生产级别标准的应用程序。你只需用文字描述你想要构建的内容，Forge 就能为你编写出具备真实交互且可直接部署运行的现代 React 代码。
2. 生成的应用代码我可以导出吗？平台会强制绑定我吗？
   完全可以 100% 导出。这也是 Forge 最大的核心优势之一。平台坚持“无供应商锁定”原则，你生成的所有项目都可以作为一个完整的 Next.js 代码库打包下载到本地电脑，或者一键直接推送到你的个人 GitHub 仓库中，代码的完整所有权绝对归你所有。
3. 我需要懂编程代码才能使用 Forge 吗？
   完全不需要懂代码！Forge 的设计初衷就是让所有人都能无门槛开发。零基础用户只要会用自然语言描述需求，Forge 就能替你搞定底层复杂的技术工作。同时，如果你具备编程知识，你也可以通过代码面板自由审查和高度定制 AI 生成的所有源码。
4. Forge 生成应用所使用的底层技术栈是什么？
   Forge 严格采用当前前端领域的最佳行业实践。为你生成的应用全部是基于 Next.js 框架的 React 应用程序，界面样式驱动采用 Tailwind CSS，而交互组件库则使用了广受开发者欢迎的现代开源组件 shadcn/ui。
5. Forge 与 Bolt 或 Lovable 等同类AI工具有什么根本区别？
   核心区别在于对“代码质量和完整控制权”的极致追求。市面上许多同类工具主要侧重于生成仅供演示的视觉原型，而 Forge 致力于为你生成真正可用于商业生产环境的高质量 React 代码，并提供无缝的完整代码导出服务，保障你随时脱离平台独立迭代的自由。