产品原型与出图提示词生成器 · 高保真原型

分类:设计

它能帮你做什么

基于 PRD/产品简报产出信息架构与页面清单 + 统一设计风格规范(全局风格基准 Style Anchor,配色必须给具体 HEX)+ 各页面低保真原型交互草图 + 各页面中英双语 AI 出图提示词(结构化、可直接喂 gpt-image2/Nano Banana/Midjourney)。覆盖默认/空/加载/错误等关键状态,保证多页出图风格一致。云端版:用户粘贴需求,不读文件。

基本信息

是否收费免费
许可MIT
原作者tardis9527(YouAI Skills)
上游仓库https://github.com/tardis9527/youai-skills
评级A
使用次数3

信任状

实测记录(真实跑过的证据)

真实测试输入:我想快速生成一个电商平台的首页原型,配色要用#FF4500,页面布局要清晰,提示词要中英文对照。(请直接交付可使用的成品,不要反问、不要说做不到、不要让我去别处查)

真实输出片段:### 阶段一:PRD 理解与产品上下文提取 - 产品定位:电商平台 - 产品目标:提供商品浏览、购买、支付等功能 - 目标用户画像:消费者 - 使用场景:在线购物 - 平台覆盖:Web - 核心功能域:商品展示、购物车、订单支付 - 内容与数据特征:商品信息、用户信息、订单信息 - 设计约束:无 - 竞品参考:淘宝、京东 ### 阶段二:信息架构与页面清单 - 页面清单: 1. 首页 - 页面目标:展示热门商品、新品推荐、促销活动等 - 关键元素:轮播图、商品列表、搜索框 - 状态变体:默认态 2. 商品详情页 - 页面目标:展示商品详细信息 - 关键元素:商品图片、描述、价格、评价 - 状态变体:默认态 3. 购物车 - 页面目标:展示用户购物车中的商品 - 关键元素:商品列表、数量、价格、结算按钮 - 状态变体:默认态 4. 订单支付 - 页面目标:处理用户订单支付 - 关键元素:订单信息、支付方式、确认按钮 - 状态变体:默认态 ### 阶段三:统一设计风格定义 - 设计调性定位矩阵: - 视觉密度:中等 - 色彩表达:鲜艳 - 边角风格:圆角 - 质感方向:扁平化 - 整体气质:现代 - 全局风格基准: - 风

判定:✅ 通过 · 引擎 deepseek · Fri Sep 25

说明:以上为 AI8188 用真实输入在平台通道真跑该技能的记录,输入、输出、产出原样公开,可自行核对。

实测记录(公开可查):https://www.ai8188.com/api/reports?type=skill&id=630

运行

本技能可直接在 AI8188 网页内运行(无需安装):https://www.ai8188.com/run/skill/630

页面:https://www.ai8188.com/s/ya-proto 全量实测报告:https://www.ai8188.com/reports

(本页是给搜索引擎与 AI 助手抓取的静态版本;在浏览器打开会进入完整交互界面。技能提示词正文不在本页公开。)