一、Cocodly是什么
Cocodly是一款以自然语言为核心的AI应用搭建工具，区别于仅产出静态效果图的设计类工具，平台可直接生成可交互、可交付上线的完整应用预览，支持在线迭代修改、一键发布托管，也能导出所有权完全归用户的标准Next.js源代码。
新手无需学习复杂拖拽操作，通过平台「快速入门」引导，几分钟即可创建第一个项目，支持文字、语音两种方式描述搭建需求，全程AI辅助完成页面、逻辑、第三方服务集成配置。
二、产品功能
1. 三大类应用生成能力
营销落地页&品牌官网
自动生成包含首屏大图、功能模块、定价、FAQ、页脚的单页/多板块营销站点，适配新品发布、预约等待列表、品牌宣传场景。全栈Web网页应用
支持搭建数据仪表盘、SaaS工具、企业内部管理系统；需求包含登录鉴权、数据库、在线支付时，可一键接入官方配套集成工具包实现完整业务能力。移动端多屏UI流程
根据文字描述批量生成手机端多页面前端预览；移动端仅生成界面，数据库、支付等后端集成能力仅面向网页全栈项目开放。
2. 第三方集成工具包（Integration packs）
内置成熟生产服务连接器，无需手动对接API：
用户认证：Clerk
数据库：Neon、Supabase
支付系统：Stripe
支持两种搭建模式：开发中途直接接入工具包，或先仅生成纯UI页面，后期补充后端服务。
3. 代码导出与自主部署
生成项目可导出为本地ZIP压缩包，或直接推送至GitHub仓库，源码为标准Next.js，用户拥有完整所有权，可脱离Cocodly平台本地二次开发、自由托管至任意服务器。
4. 双环境隔离调试
区分预览环境与生产发布环境：预览环境用于反复修改调试，发布操作才会生成公开可访问的cocodly.app域名，两者完全隔离，试错无风险。
5. 团队协作管理
高阶Max套餐提供共享工作区，支持邀请多名成员协作项目，配置分级角色权限，多人同步编辑、管理项目发布与导出权限。
三、产品特色
纯自然语言驱动，零拖拽门槛
无需手动拖拽组件，聊天输入文字或语音口述需求，AI自动生成完整页面结构，零基础用户也能快速上手。产出可上线成品，而非静态原型
区别Figma、Sketch等设计工具，输出为可滚动交互预览，自带页面逻辑、响应式适配，不用二次开发即可发布。付费版支持对话迭代修改
生成项目后无需重新创建，直接在对话内提交修改需求，AI实时更新页面，大幅节省重复生成成本。代码完全私有化，无平台锁定
导出Next.js完整源码，版权归属用户，不强制依赖平台托管，开发者可自由迁移、二次开发。积分制资源管控，用量透明
后台实时展示月度积分额度、每日使用上限、额外购买奖励积分，每一次生成、修改消耗积分，用量清晰可查。轻量化一站式开发链路
从需求描述、AI生成、在线调试、第三方集成、发布托管、代码导出全流程闭环，无需切换多个工具。
四、使用方法
Describe 需求描述
进入工作台编辑器，通过文字聊天或语音输入，完整说明想要搭建的网站/应用功能、页面模块、业务逻辑。Clarify 需求澄清
AI识别需求模糊点（如登录、支付、数据库等集成需求），自动发起追问，确认完整搭建范围。Preview 实时流式预览
AI流式生成页面，实时展示完整可滚动交互预览，同步展示页面全部板块与交互效果。Refine 迭代优化（付费套餐专属）
无需新建项目，直接在对话中提交修改指令，AI实时调整页面样式、功能、布局，反复优化直至满意。Publish 发布/导出代码
两种交付方式：①一键部署至平台专属cocodly.app公开域名；②导出完整Next.js代码至GitHub或本地ZIP文件。
五、适合人群
| 使用人群 | 核心需求 | 使用价值 |
|---|---|---|
| 创业者/市场运营人员 | 快速搭建产品落地页、活动页、产品Demo，无需等待开发排期 | 省去前端开发周期，低成本快速上线营销页面，验证产品市场需求 |
| 前端/全栈开发工程师 | 快速生成标准化Next.js页面，减少重复基础页面开发工作 | AI生成干净规范源码，本地自由扩展、自定义部署，提升开发效率 |
| 企业团队/产品负责人 | 多人协作搭建内部SaaS、管理后台，分级管控项目权限 | Max套餐共享工作区，成员分工协作，区分编辑、发布只读权限 |
六、竞品对比
| 对比维度 | Cocodly | Webflow | Bubble |
|---|---|---|---|
| 核心生成方式 | 自然语言/语音AI一键生成完整应用 | 拖拽可视化画布，AI仅辅助优化 | 拖拽为主，AI辅助生成应用框架 |
| 核心产出物 | 可运行网页/移动端预览，导出Next.js源码 | 像素级设计页面，输出原生HTML/CSS/JS | 全栈云应用，平台内置托管，代码导出受限 |
| 移动端能力 | 生成多屏前端UI，无内置移动端后端 | 响应式页面适配，无独立移动端流程生成 | 支持网页转移动端应用，自带完整后端逻辑 |
| 第三方集成模式 | 预制集成工具包（Clerk/Neon/Stripe）一键接入 | 需手动配置第三方API、插件 | 内置数据库，API连接器自主对接 |
| 迭代修改方式 | 对话内直接修改原有项目 | 画布手动拖拽调整元素样式 | 切换可视化编辑器修改工作流 |
| 代码所有权 | 导出代码完全归用户，可脱离平台部署 | 代码归用户，适合设计师精细调整 | 原生应用托管在平台，完整代码导出门槛高 |
| 最佳适用场景 | 快速MVP、营销落地页、轻量化SaaS、前端Demo | 品牌官网、精美营销站、设计师像素级设计 | 复杂业务平台、电商、大型社区类应用 |
七、收费与计费规则
核心计费单位：Credits积分
每一次全新生成、页面迭代修改均会消耗套餐内积分；工作台清晰展示三项数据：月度基础积分额度、每日积分使用上限、一次性积分包奖励点数。套餐分级
免费基础套餐：提供基础月度积分额度，无Refine迭代修改功能，仅支持单次生成预览，可基础发布至平台域名，不支持团队协作；
付费标准版：解锁对话迭代优化功能，提升月度、每日积分上限，支持全部集成工具包；
Max高阶团队套餐：包含标准版全部能力，开放共享工作区、多人协作、角色分级权限，适合企业团队使用；
额外积分补充
支持单独购买一次性积分包，作为月度额度补充，积分无过期限制，可叠加套餐基础额度使用；完整套餐细则可查阅平台「Plans & credits」官方文档。
八、常见问题解答FAQ
Q1：Cocodly生成的代码所有权归谁？
A：导出的Next.js标准代码所有权完全属于用户，可下载本地、推送GitHub、自主部署至任意服务器，无平台版权绑定限制。
Q2：免费版能不能修改已经生成好的项目？
A：不能。Refine迭代修改功能仅付费套餐开放，免费版生成页面后如需调整，只能重新提交需求生成新项目，会额外消耗积分。
Q3：移动端生成是否包含后端数据库、支付功能？
A：不包含。移动端生成仅输出多屏前端UI界面，数据库、登录、支付等后端集成工具包，仅支持网页全栈项目使用。
Q4：预览页面和发布后的线上页面有什么区别？
A：两者相互独立隔离。预览环境仅用于调试、修改，不对外公开；点击Publish发布后，才会部署独立公开cocodly.app线上地址，调试操作不会影响已上线应用。
Q5：可以先只做前端页面，后续再加数据库和支付吗？
A：可以。搭建时可选择仅生成纯UI页面，后续编辑项目时再接入Clerk、Supabase、Stripe等集成工具包，补充后端业务能力。
Q6：积分每日上限用完后还能继续生成项目吗？
A：达到每日积分上限后当日无法继续生成/修改，次日自动恢复每日额度；也可购买一次性积分包临时增加可用额度。
九、总结
Cocodly是面向创业者、开发者、企业团队的轻量化AI应用搭建工具，核心优势是自然语言零门槛生成可上线成品，区别传统拖拽无代码平台，不用学习复杂操作，口语化描述即可产出营销官网、SaaS后台、移动端界面。
对于非技术人员，可快速落地产品落地页、验证创业想法；对于前端开发者，AI批量生成标准化Next.js代码，大幅降低重复开发工作量；团队用户可通过Max套餐实现多人协同开发。
平台采用积分制计费，区分免费与付费能力，兼顾个人试用与企业协作需求，同时开放完整代码导出，解决多数无代码平台代码锁定、无法自主部署的痛点，适合需要快速产出可交付网页应用的各类用户。
