59 原型.
交互式产品稿——仪表盘、应用、落地页、内部工具。任何能交给 stakeholder 点击的东西。
场景
- 001
博客文章 长篇文章/博客——包含页眉、主图占位符、带插图和引用的正文、作者署名及相关文章推荐。适用于需求中包含'博客'、'文章'、'帖子'、'随笔'或'案例研究'等关键词时。 - 002
临床病例报告 为临床查房、病例讨论会和医疗文档生成结构化病例报告。支持生成SOAP格式或叙述性病例报告，包含生理准确的生命体征、实验室数据和循证医疗方案。 - 003
Codex 交互式能力地图 将长文、帖子、备忘录或产品说明转换为 Codex 风格的可点击能力地图，包含工作流循环、用例矩阵和响应式详情面板。 - 004
设计评审 对项目中的任何 HTML 成品进行 5 维度专家设计评审——哲学/视觉层级/细节/功能性/创新性，每项评分 0-10。输出包含雷达图、有据可依的评分以及三个清单（保留/修复/快速优化）的独立 HTML 报告。 - 005
仪表盘 单文件 HTML 管理/分析仪表盘。固定左侧边栏，顶部用户/搜索栏，主区域显示 KPI 卡片网格和图表。适用于需要'仪表盘'、'管理后台'、'数据分析'或'控制面板'界面的场景。 - 006
数据可视化报告 把 CSV/Excel/JSON 数据转成漂亮的可视化报告页 - 007
约会网站 消费级约会/配对仪表板，包含左侧导航栏、社区动态滚动条、核心KPI指标、30天互相匹配柱状图和匹配率趋势模块。编辑风格排版，克制的强调色。适用于约会网站、配对服务、社区仪表板或社交网络等消费类产品界面。 - 008
DCF估值 为上市公司提供现金流折现估值和内在价值分析。适用于DCF、公允价值、内在价值、目标价、低估或高估分析等需求。 - 009
iPhone × MacBook 立体展架 iPhone + MacBook 仿 GLTF 静态展架, 屏幕内嵌真实 HTML 内容, 玻璃镜头折射, 360° 转盘构图 - 010
数字电子指南 双页数字电子指南预览——第1页为封面（显示标题、作者、'内含什么'统计信息、目录预览）；第2页为内页（课程正文含引用语和步骤列表）。生活方式/创作者品牌风格。适用于需要'电子指南'、'数字指南'、'lookbook'、'引流素材'、'创作者指南'、'手册'或'PDF指南'的需求。 - 011
文档页面 文档页面 — 侧边导航、可滚动正文和目录。当需求提到'文档'、'指南'、'API 参考'或'教程'时使用。 - 012
电子邮件营销 品牌产品发布电子邮件模板，包含报头、主图、斜体强调标题、正文、主要行动号召按钮和规格表格，采用HTML居中单栏布局。 - 013
工程运维手册 工程运维手册 — 包含服务概览、告警表、仪表盘链接、常用命令操作步骤、值班轮换和事故响应清单。适用于需要运维文档、值班指南、SRE 文档或运维手册的场景。 - 014
财务报告 季度/月度财务报告——包含关键指标的报头、收入与消耗图表、损益汇总表、重点摘要和展望段落。当需求提到'财务报告'、'Q3报告'、'MRR审查'、'P&L'或'财报'时使用。 - 015
Flowai 实时仪表板模板 FlowAI 风格的团队管理仪表板，包含三个标签页（团队成员、团队详情、活动日志）、KPI 统计行、成员表格、角色分布条形图、在线状态和活动趋势图、顶级贡献者面板，支持亮暗主题切换、图表悬停提示、面板点击缩放和 CSV 导出功能。 - 016
游戏化应用 三屏手机原型展示游戏化应用界面：封面海报、每日任务与经验值进度条、任务详情。适用于游戏化应用、习惯追踪、RPG 风格生活应用、升级系统、每日任务、XP/连击应用等需求。 - 017
GitHub 仪表板 GitHub 仓库分析仪表板 — 星标、分支、贡献者、议题、拉取请求、近期活动和主要贡献者。适用于 GitHub 仓库仪表板、开源增长报告、仓库健康页面或 GitHub 分析视图。 - 018
员工入职 单页新员工入职计划——第一周日程安排、伙伴+经理介绍、学习路径、设备清单以及'完成标志'目标。当需求提及'入职'、'新员工'、'第一周计划'或'onboarding'时使用。 - 019
Html Ppt Taste Brutalist 16:9 HTML 幻灯片，战术遥测 / CRT 终端风格。失活 CRT 炭黑背景、白色荧光等宽字体、警示红强调色、扫描线叠加、ASCII 语法，密度优先于装饰。提取自 Leonxlnx/taste-skill `brutalist-skill`（战术遥测模式）。 - 020
Html Ppt Taste Editorial 16:9 HTML 演示文稿，编辑极简风格。暖奶油色幻灯片，衬线标题 + 无衬线正文，细线分隔，等宽元数据，宽松留白，单一强调色。提炼自 Leonxlnx/taste-skill `minimalist-skill`。 - 021
发票 可打印的发票页面——包含发件人和收件人信息块、明细表、税费明细、总计和付款说明。当需求提到'invoice'、'bill'、'billing statement'或'发票'时使用。 - 022
Kami Landing 生成印刷级单页纸质文档——温暖羊皮纸底色、墨蓝强调色、单一衬线字重，无斜体，无冷灰。输出呈现专业白皮书或工作室单页效果，而非应用 UI。原生多语言支持（EN · zh-CN · ja）。单个独立 HTML 文件，零依赖。 - 023
Kami 羊皮纸文档 暖羊皮纸底 (#f5f4ed) + 墨蓝单色 accent (#1B365D) + 单一衬线字体, 编辑级排印 - 024
看板 看板/任务面板，包含多个列（待办/进行中/审核中/已完成）、可拖动样式的卡片、成员头像、泳道和顶部筛选栏。当需求中提到'kanban'、'task board'、'sprint board'、'trello'、'看板'时使用。 - 025
最近30天 最近30天的社区和社交趋势研究。适用于了解当前舆论、近期情绪、社区反应、社交证明、发布反馈、趋势扫描或最近30天的背景信息。 - 026
杂志文章 Huashu / huashu-md-html 风格杂志文章版式, 将 Markdown 或笔记转成精排长文 HTML。 - 027
杂志海报 报纸风格的编辑海报，包含新闻纸材质、日期线、超大衬线标题（带删除线和斜体）、双栏正文、6个编号章节及引用注释。适合需要杂志海报、编辑排版、新闻纸风格或宣言设计的场景。 - 028
营销海报 竖版海报 / 朋友圈分享图, 强视觉冲击 - 029
会议纪要 会议记录页面——包含与会者标题栏、议程清单、决策事项区块、带负责人和日期的行动项表格，以及'下次会议'页脚。适用于需要'会议纪要'、'会议记录'、'1:1 笔记'、'全员会议总结'或'minutes'的场景。 - 030
移动应用 在页面中渲染于像素级精确的 iPhone 15 Pro 框架内的移动应用屏幕。通过复制种子文件 assets/template.html 并粘贴 references/layouts.md 中的一个屏幕原型来构建。当需求提到《移动应用》、《iOS 应用》、《Android 应用》、《手机屏幕》或《应用 UI》时使用。 - 031
移动端引导 多屏幕移动引导流程，呈现为三个并排的手机框架——启动页、价值主张、登录页。包含状态栏、滑动指示点和主要CTA按钮。适用于需要'移动端引导'、'iOS引导'、'手机注册'或'移动端引导'的场景。 - 032
极简简历 现代极简简历, A4 单页, 适合打印或导出 PDF - 033
Motion Frames 单帧动态设计合成，包含循环 CSS 动画——旋转文字环、动画地球、计时器、视差标签。渲染为视频封面海报，可直接导入 HyperFrames 或任何基于关键帧的导出工具。适用于动态设计、动画主视觉、循环视频、视频封面、标题卡等需求，搭配 HyperFrames 实现动态导出。 - 034
Open Design 落地页 使用 Atelier Zero 视觉语言（Monocle / Apartamento / Études 编辑拼贴风格）生成单页编辑落地页。从品牌简报填充 inputs.json，可选通过 gpt-image-2 生成 16 张拼贴素材，输出独立 HTML 文件，内置滚动动画和粘性导航。 - 035
Orbit 综合简报 当用户连接两个或更多连接器时，Orbit 自动调用此技能，汇总过去 24 小时内所有已认证连接器（GitHub、Linear、Notion、Slack、飞书、日历、Gmail、云端硬盘、Sentry、Vercel 等）的活动数据，在「我的设计」顶部生成自适应网格仪表板。由 Orbit 每日摘要调度器自动触发。 - 036
Orbit Github 根据 GitHub 连接器自动生成每日摘要的 Orbit 技能。拉取过去 24 小时的 PR、审查请求、问题、CI 运行和合并记录，以类似 GitHub 原生通知的布局呈现。由 Orbit 每日摘要调度器自动调用。 - 037
Orbit Gmail 当 Gmail 是用户唯一连接的服务或用户明确指定时，自动提取过去 24 小时的收件箱活动并生成每日摘要。由 Orbit 调度器自动触发，不应手动调用。 - 038
Orbit Linear 当 Linear 是用户唯一连接的数据源或用户明确将每日摘要范围限定为 Linear 时，由 Orbit 管道自动触发。提取过去 24 小时的问题动态、状态变更、任务分配和周期进度，并以 Linear 原生收件箱视觉语言呈现。 - 039
Orbit Notion Open Orbit 简报技能 — 当 Notion 是用户唯一连接的连接器或用户明确将每日摘要范围限定为 Notion 时由 Orbit 管道选择。提取过去 24 小时内用户已认证的 Notion 连接中的文档编辑、评论、提及和数据库行更改，并将摘要呈现为原生 Notion 页面（标注/折叠/数据库表元素）。此技能不应手动触发 — 由 Orbit 的每日摘要调度程序针对实时 Notion 数据调用。 - 040
产品规格文档 单页产品规格文档/PRD——包含问题定义、成功指标、范围、用户故事、设计笔记、上线计划、待解决问题。适用于需求文档、产品规格、功能说明等场景。 - 041
价格页面 独立的价格页面 — 包含页眉、套餐层级、功能对比表和常见问题。适用于需要'价格'、'套餐'、'订阅层级'或'对比套餐'页面的需求。 - 042
Reddit 帖子卡 拟真 Reddit 帖子卡 + 上下投票 + 评论数, 适合视频叠加 / 故事分享 - 043
SaaS 落地页 单页 SaaS 落地页，包含主视觉、功能特性、社会证明、价格方案和行动号召。遵循当前 DESIGN.md 的颜色/排版/布局规范。触发关键词："saas landing"、"marketing page"、"product landing"。 - 044
社交媒体轮播图 三张 1080×1080 方形社交媒体轮播卡片——三个富有电影感和品牌调性的面板，配有连贯的展示标题（'往前走。' → '到下一个。' → '展望未来。'）。每张卡片包含品牌标识、序号/总数、说明文字和'循环'提示。适用于'轮播帖子'、'社交媒体轮播'、'Instagram 轮播'、'LinkedIn 系列'、'X 系列卡片'或'三连发'等需求。 - 045
社交媒体仪表板 创作者社交媒体分析仪表板，单个 HTML 文件。包含平台切换器（X / LinkedIn / YouTube / Instagram）、KPI 卡片（粉丝数、互动率、点赞数、转发数）、粉丝增长图表、本周热门帖子预览和热门话题/评论侧边栏。 - 046
Spotify 正在播放卡 Spotify Now Playing 风格卡: 专辑封面 + 进度条 + 播放控制, 适配视频叠加 / 个人主页 - 047
精灵图动画 像素风格的动画解说幻灯片，配有奶油色背景、粗体年份显示、像素艺术吉祥物（如花札卡、蘑菇或8位游戏机）、动态日文字体和时间轴条带。纯CSS动画，无需JS，可直接录制为竖屏视频。适合像素动画、8位解说、复古动画等需求。 - 048
团队 OKR OKR 跟踪页面——季度横幅，三个目标及其关键结果进度条、负责人头像、状态标签，以及「本季度概览」侧边栏。当需求提及 OKR、关键结果、目标时使用。 - 049
实时调参 为任何 HTML 组件添加侧面板实时控制器，可调整主题色、字体比例、密度、动效等参数，修改实时同步到 CSS 自定义属性并保存到 localStorage，让用户无需重新提示即可探索设计变体。 - 050
Twitter 分享卡 推特金句 / 数据卡, 适合配推文 - 051
等候列表页面 简约的预发布落地页，支持邮箱收集、品牌logo和可选装饰层。从 DESIGN.md 读取颜色、排版和布局规则。适用于产品发布、Beta 测试注册、抢先体验计划和独立项目。 - 052
网页原型 通用桌面网页原型。通过复制种子文件 `assets/template.html` 并粘贴 `references/layouts.md` 中的布局生成单个独立 HTML 文件。适用于落地页、营销页、文档或 SaaS 页面的默认选项。 - 053
Web Prototype Taste Brutalist 瑞士工业印刷风格网页原型。新闻纸画布、黑色粗体字、溢出式数字、细线网格分隔、危险红强调色、ASCII 语法装饰。源自 Leonxlnx/taste-skill `brutalist-skill`（瑞士工业印刷模式）。 - 054
Web Prototype Taste 编辑风格 极简编辑风格网页原型。暖色单色调画布，衬线标题配无衬线正文，1px 细线边框，柔和粉彩色块，大量留白，微妙动效。 - 055
Web Prototype Taste Soft Apple 级柔和风格网页原型。银灰/奶油色画布，双边框卡片，嵌套按钮 CTA，大圆角，弹性动效和环境网格。基于 Leonxlnx/taste-skill 的 soft-skill 及第 4-8 节。 - 056
线框草图 手绘风格的线框图，包含方格纸背景、马克笔/铅笔质感、多标签页变体、便签注释、图表占位符和阴影填充。适用于「线框图」「草图线框」「手绘」「低保真」「白板」「草稿」「手绘原型」等需求。 - 057
X (Twitter) 帖子卡 拟真 X 推文卡片 + 互动数据 (likes/reposts/views), 适配视频叠加或图卡分享 - 058
X 研究 针对市场、公司、产品或社区话题进行 X/Twitter 公众情绪研究。当需要了解 X 或 Twitter 上的舆论、加密社区情绪、专家观点或股票、行业、公司、产品、市场事件的社交反应时使用。 - 059
小红书图文卡片 小红书风格知识卡片, 多张联排可滑动浏览