AI产品设计助手
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_19ccae81/ori-ai-product-design。
技能介绍
要解决的具体问题
产品原型经常卡在“想法”和“能演示”之间:需求一句话、指标靠口头、设计风格随意、前端联调又慢。PM 要定方向、做判断、盯质量,AI 要快速落地,但缺少稳定协作流程时,输出容易散乱、数据口径不一,也不适合向老板演示。
技能如何工作
该技能围绕 PM 主导策略、AI 执行落地 的产品设计工作流展开,适合从一句话需求到单 HTML 高保真原型、数据看板和方案文档。核心步骤包括:
- 需求锚定:补齐需求背景、目标角色、使用场景、主体模块,避免“做一个系统”式描述。
- 策略底座:先确定核心指标、计算公式、分类标签和阈值,再进入设计与编码。
- 骨架搭建:用
DataStore管理数据,搭建页面路由、导航、核心可交互页面和深浅色主题。 - 渐进式迭代:每轮只改一个 UI、交互或数据逻辑点,PM 用语言加截图纠偏,AI 精确定位修改。
- 收尾打磨:检查导航、空状态、图表、深色适配和“老板演示测试”,保证打开即可演示。
它还会约束 AI 的自主边界:修复明显样式、补全交互状态可以直接做;新增模块、改核心指标、调整数据结构或业务逻辑必须先确认。
适用边界与注意点
适合产品原型、数据看板、内部工具、方案文档等需要策略、设计、交互和数据一起交付的场景。不适合纯 PRD 写作、纯前端开发或单纯数据分析。使用时 PM 判断优先,Demo 数据要业务合理,图标和设计系统要克制,避免 emoji 图标、紫蓝渐变和深色模式遗漏。
使用场景
- 运营在活动期需要把热度、榜单、达人数据做成可全屏演示的看板原型。
- PM 要把核心指标公式和四象限阈值先写清楚,再生成对应页面与表格。
- 产品经理希望用单 HTML 高保真 Demo 给老板演示,且深浅色可切换。
- 团队要把竞品报告中的阈值与分类逻辑适配到内部监控工具的原型中。
适合人员
- 负责产品方向与验收、希望 AI 按 PM 决策执行原型的 PM。
- 需要把指标逻辑、看板交互和演示材料一起产出的产品负责人。
- 要快速做内部工具高保真原型并反复用截图纠偏的产品经理。
- 需要将报告式方案文档和单 HTML 原型同时交付的产品经理。