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