Loading...
Loading...
把 Open Design 风格工作流变成可生成、可预览、可下载的设计产物,支持本地、免费和自带 Key 多模型引擎
这不是单纯的提示词模板页。你可以选择落地页、仪表盘、定价页、营销邮件、移动 App 单屏、长文页、短视频脚本或 OKR 追踪页,填写产品、用户、目标等参数,再选择本地规则、免费文本模型或自带 API Key 的多模型引擎来生成设计产物。
本地模式会直接生成 Markdown / HTML / Agent Prompt,HTML 可在页面右侧即时预览并下载。免费模式会调用公共文本模型做一次增强。BYO Key 模式复用站内多模型配置,支持 OpenAI、Claude、Gemini、DeepSeek、Qwen、Kimi、Grok、GLM、Mistral、Groq、Ollama、OpenRouter 和自定义 OpenAI 兼容端点。模板结构提炼自 nexu-io/open-design 的 Apache-2.0 技能。
不是空白输入框,而是按 Open Design 的技能结构组织页面、状态、数据、文案和交付检查
可以输出 HTML artifact、Markdown handoff 或设计 Agent Prompt,HTML 还能直接预览和下载
Local 本地生成、Free 免费模型增强、BYO Key 多模型生成,按敏感度和质量需求选择
BYO Key 支持 OpenAI、Claude、Gemini、DeepSeek、Qwen、Kimi、OpenRouter、Ollama 等已有引擎
生成结果可以一键带到站内 AI 对话继续迭代,也可以复制给外部设计/代码工具
如果是敏感项目,优先用 Local;如果想要更自然的文案和更细的布局,再用 BYO Key。HTML 输出适合快速看方向,Markdown 输出适合交给团队或 AI 继续落地。
选择设计类型,比如 SaaS 落地页、数据仪表盘、定价页或移动 App 单屏
填写左侧参数,让 Brief 里的产品、用户、目标和周期变成你的真实内容
选择输出格式和视觉系统,再选 Local / Free / BYO Key 引擎
生成后预览 HTML,或复制/下载 Markdown,需要继续打磨就带去 AI 对话
把产品定位、用户分层和套餐信息变成可给前端实现的页面方案
生成 KPI 卡、图表、最近事件、空态/错误态等运营界面结构
快速生成营销邮件、社媒三连图、长文案例页和短视频脚本
下载 Markdown handoff,把设计输入、约束、交付检查一次性发给团队或 AI Agent
前端读取 Open Design Brief 模板,把字段值注入结构化 Brief。Local 引擎直接生成单文件 HTML/Markdown;Free 引擎调用公共 OpenAI 兼容文本接口;BYO Key 引擎调用 useAIProvider 的 chatCompletion,按所选 provider 走原生 Gemini/Anthropic 或 OpenAI 兼容协议。
Local 模式不上传任何内容。Free 和 BYO Key 模式需要把 Brief 发送给对应模型服务;API Key 存在浏览器本地 localStorage,不经过本站服务器。
本地模式几乎即时返回;HTML 通过 iframe srcDoc 预览,不加载外部资源。模型模式耗时取决于所选服务商和模型。