为什么需要
做海外 SaaS 产品,原型设计是绕不过的环节。用 Figma 画完再转代码,来回折腾少说半天。如果你已经有 Claude Code 或 Codex 的 API Key,Open CodeSign 能直接把 Prompt 变成可交互的原型页面——省掉设计工具这个中间环节。
核心卖点是 BYOK(自带 Key):支持 Claude、GPT、Gemini、DeepSeek、Ollama 等十几种模型,不绑定任何一家。本地运行,MIT 开源,数据不经云端。
怎么用
- 下载桌面应用(macOS / Windows / Linux)
- 一键导入已有的 Claude Code 或 Codex 配置,或直接粘贴 API Key
- 输入 Prompt,比如"做一个 Stripe 风格的定价页"
- 左侧 Prompt,右侧实时渲染原型
- 导出为 HTML/React 组件,直接接入项目
使用案例
- 出海独立产品原型:输入"Build a SaaS landing page with pricing tiers in English",30 秒生成可交互页面,直接拿去测试市场反应
- PPT / 宣传素材:不用开设计软件,Prompt 描述内容即可生成 slides 和 marketing assets
注意事项
- 免费开源(MIT),但需要自备 AI 模型的 API Key
- Electron 应用,体积偏大(约 200MB)
- 生成质量取决于底层模型能力,Claude / GPT 效果最好
- 本地优先设计,但复杂交互逻辑仍需手动调整