用途:该技能用于解决 AI 编码工具“先构建后理解”的问题,在实现前先建立清晰的设计规格,把产品想法与实现衔接起来。
主要能力:产品规划(愿景定义、路线图拆解、数据建模)、设计系统(配色、字体、应用外壳设计)、分段设计(功能需求、示例数据、界面设计)以及导出(生成完整交接包)。支持实体定义、示例数据生成、组件与设计令牌导出,输出针对 AI 编码智能体优化。
使用方式:需 Node.js 18+ 或 Bun 运行时及 Git。安装:
git clone https://github.com/buildermethods/design-os.git cd design-os npm install
或 bun install
在项目根目录创建 .env,填写 ANTHROPIC_API_KEY 或 OPENAI_API_KEY,可选设置 AI_MODEL。运行:npm run dev(或 bun run dev);构建:npm run build、npm start;测试:npm test;类型检查:npm run type-check。流程按产品规划、设计系统配置、分段设计、导出交接逐步推进,可在 designos.config.ts 中配置导出格式、是否包含测试与文档、组件库、响应式、深色模式与无障碍等。
适用场景:SaaS 应用、B2B 工具等在产品实现前的规划与设计交接,尤其适合与编码智能体协作时提供完整规格包。
限制:具体收费、许可、平台支持与效果资料暂未提供;需自行准备 AI 服务商 API 密钥。