核心用法
Proto Cog 是 CellCog 生态中的原型设计技能，核心能力是将自然语言描述转化为可交互的HTML原型（非静态图片）。用户通过结构化prompt描述需求，包括：产品类型（落地页/移动应用/SaaS仪表盘/设计系统）、页面结构、交互逻辑、视觉风格参考、目标视口等要素，生成托管在实时URL上的可点击原型。
关键操作模式：
- OpenClaw: 异步"fire-and-forget"模式，适合后台任务
- Cursor/Claude Code: 同步阻塞模式，适合即时迭代
- Chat模式选择: 单页面/组件用
"agent"，多屏幕复杂应用用"agent team"
显著优点
1. 体验真实性: 与Figma截图或Midjourney生成图不同，Proto Cog输出的是具备真实点击、滚动、表单验证、页面流转的HTML/CSS/JS原型，消除"想象偏差"
2. 交付效率: 从prompt到可分享URL通常只需单次交互，无需设计-开发接力
3. 场景覆盖广: 涵盖落地页、移动应用全流程、SaaS后台、设计系统组件库、低保真线框图等全设计阶段
4. 协作友好: 实时URL可直接丢给产品、开发、投资人体验，反馈基于实际交互而非静态想象
5. 响应式支持: 原生支持桌面/平板/移动多视口适配
潜在局限与风险
技术局限:
- 依赖CellCog后端服务，需有效API密钥和配额
- 复杂自定义动画、高级微交互可能不如专业原型工具精细
- 生成的代码为原型级别，非生产就绪代码，存在"演示可用、生产需重写"的期望落差风险
使用门槛:
- 需要学习CellCog SDK的调用模式（OpenClaw vs 其他agent）
- 复杂多页应用需明确指定
"agent team"模式，模式选错可能导致输出碎片化
生态依赖:
- 必须与cellcog主skill配合使用，单独无法运行
- 需要理解并安装CellCog依赖（
pip install cellcog+ API密钥配置）
适合人群
- 独立开发者/创始人: 快速验证MVP想法，生成投资人可点击demo
- 产品经理: 绕过设计排期，直接产出可体验的原型用于用户测试
- UX设计师: 探索布局方案、快速迭代信息架构，替代早期线框图阶段
- 全栈开发者: 需要前端原型但不想投入设计工具学习时间
- 设计系统建设者: 快速产出可交互的组件库和样式指南
常规风险
| 风险类型 | 说明 | 缓解建议 |
|---------|------|---------|
| **期望管理** | 输出是原型非最终产品，客户可能误解为"快做完了" | 明确沟通"prototype-only"属性 |
| **API成本** | CellCog按调用计费，复杂team模式消耗配额快 | 简单任务用agent模式，控制迭代次数 |
| **数据安全** | 原型托管于CellCog URL，敏感业务数据不应填入 | 使用假数据/脱敏内容 |
| **样式漂移** | AI生成设计可能与品牌规范不一致 | 提供详细设计参考或CSS变量要求 |
| **可访问性** | 原型通常不保证WCAG合规 | 明确需求时添加a11y要求，或视为纯演示用途 |