SuperAPI AI 工具集

stitch-ui-design-spec-generator

设计与创作

查看项目

更新于 10-15 21:49

技能介绍

用途:该技能扮演创意总监角色,分析用户请求或 PRD 文档,抽取结构化设计规范(Design Spec),输出 JSON 而非自由文本。通常在调用 stitch-ui-prompt-architect 构建生成提示词之前内部调用,或在新 Stitch 项目开始前使用;也可在用户直接询问“什么设计规范适合 X”时使用。

输入类型:A 一次性自然语言请求;B PRD 文档或摘要(提供路径或粘贴内容,提取功能概述、屏幕列表与非功能需求中的视觉偏好);C 已有项目的 DesignTheme(由编排器传入时作为约束直接采用)。

主要能力:按顺序执行规则——从语气/领域推导风格关键词与主色范围(如企业/医疗用蓝灰,游戏/赛博朋克用霓虹深色,生活方式/餐饮用暖橙粉,奢侈/时尚用黑金等);判断设备类型(默认 MOBILE);确定 designMode(wireframe 等为 WIREFRAME,其余 HIGH_FIDELITY);确定 roundness(ROUND_FOUR/EIGHT/TWELVE/FULL);确定密度与 spacingScale(数据密集表 COMPACT、移动消费 COMFORTABLE、营销页 SPACIOUS);选择 colorVariant(MONOCHROME、NEUTRAL、TONAL_SPOT、VIBRANT、EXPRESSIVE、FIDELITY、CONTENT、RAINBOW、FRUIT_SALAD);选择字体(默认三处同一字体,也可拆分 headline/body/label,字体须使用 Stitch 枚举名,如 INTER、SPACE_GROTESK、EB_GARAMOND 等);确定背景色。

输出:固定 JSON 结构,包含 theme、primaryColor、headlineFont、bodyFont、labelFont、colorVariant、roundness、spacingScale、backgroundLight、backgroundDark、density、designMode、styleKeywords、deviceType。下一步始终交给 stitch-ui-prompt-architect 合并规范与请求,生成 [Context] [Layout] [Components] 提示词。参考 examples/usage.md 含三个示例。

限制:具体安装命令与运行环境暂未提供;资料未说明收费、平台及实际生成效果。