> ## Documentation Index > Fetch the complete documentation index at: https://docs.superun.com/llms.txt > Use this file to discover all available pages before exploring further. # 入门 > superun 入门:从第一次提示到发布 — 设置,工作流程和集成. ## superun 总览 欢迎使用!本指南将带你一步步使用 superun 建立一个完整的全端应用程序. superun 4 个步骤 superun 通过四个清楚的阶段,将你的想法转化为可运作的产品: **Idea → Preview → Build → Launch** 每个阶段都聚焦于不同类型的决策,让你随时都知道下一步该做什么. *** ## Step 1 · Idea ### 将想法转化为产品蓝图 首先,描述你想要打造的产品. * 撰写一段 Prompt,说明你的产品构想 * 回答几个简短的引导问题 * superun 会将你的输入整理为结构化的项目基础 完成这一步后,你将拥有一个清晰,可直接进行生成的产品方向. → **深入了解:** [Idea](/superun/features/prompt-question) *** ## Step 2 · Preview ### 视觉化探索,编辑与调整你的产品 在正式建构功能之前,superun 让你先从视觉层面确认方向. * 先浏览四个设计分支,选择一个初始风格 * 查看完整页面的即时产品预览 * 使用可编辑设计工具,自由调整 UI * 直接选取画面元素,修改版面,内容,间距与样式 * 以自然语言描述需求,让 superun 自动更新界面 完成这一步后,你会拥有一个确定且安心的视觉方向与 UI 结构. → **深入了解:** [Preview](/superun/features/design-options) *** ## Step 3 · Build ### 定义功能,逻辑与整合服务 在 Build 阶段,你将决定产品「能做什么」以及「如何运作」. * 功能列表（Feature List）协助你选择产品所需的核心能力 * 每个功能选项都会自动生成对应的 UI,资料模型与后端逻辑 可使用的平台服务与整合包含: * superun 云计算:身份验证,数据库与后端能力 * superun AI:AI 驱动的互动与生成 * Stripe:金流与订阅系统 * superun 生图:AI 图像生成 * Supabase:外部数据库与后端整合 所有服务都已预先设定好可彼此协调运作,确保前后端始终保持一致. > 💡 **理解工作流程**:在 superun 中,你会遇到三个关键概念: > > * **演示（Demo）**:纯前端,只用来验证想法和流程,使用假数据 > * **原型（Prototype）**:等和于演示,不含研发 > * **研发（Development）**:把真实能力（如发邮件）接上去,变成真正可服务其他用户的产品 > > 完成演示的条件:通过邀请链接注册后,在 superun 输入需求,生成四个风格,选其中一个风格执行完成. → **深入了解:** [Build](/superun/features/feature-list) *** ## Step 4 · Launch ### 发布,优化并持续追踪 当你的项目准备完成后,就可以正式上线. * 设定网站标题,描述与社群分享预览 * 配置 SEO 与网域设定 * 发布并分享你的产品 * 追踪效能与分析数据 你的产品现在已正式上线,可被搜寻,分享并持续监测. → **深入了解:** [Launch](/superun/features/publish) *** ## 接下来呢? 继续探索文件内容,深入了解每一项功能与进阶用法. *** 前往 superun 官方网站,了解更多产品资讯与最新动态.