开源设计工具集

生成新员工入职单页计划，包含首周日程、导师与经理介绍、学习路径及设备清单。当需求提及入职或新员工时使用。

提供工程服务概览、告警表、仪表盘链接、可复制命令及值班轮换表。包含事故响应检查清单。适用于涉及运行手册、运维文档或 SRE 文档的需求场景。

专为约会或匹配服务设计的消费级仪表盘。包含左侧导航、社区信号、核心 KPI 及 30 天互选匹配图表。适用于约会网站、社区后台等数据可视化场景。

生成多屏移动端引导流程，以三个并排手机框架展示启动页、价值主张和登录界面。包含状态栏、滑动点及主 CTA 按钮。适用于移动端或 iOS 引导需求。

生成双页数字指南预览，包含封面与内容页布局。采用生活方式及创作者品牌风格，适用于电子指南、PDF 文档等创作。

提供可打印的发票页面，含收发方、明细、税费及付款说明。适用于需求提及“发票”、“账单”或“结算单”时。

生成团队 OKR 追踪页面，展示季度横幅、目标进度条、负责人头像及状态标签。当需求涉及 OKR、关键结果或目标时使用。

提供独立的定价页面组件，含头部、计划层级、功能对比表及 FAQ。适用于需要展示定价、订阅方案或对比计划的场景。

生成三张连动式社交媒体轮播图，采用 1080×1080 布局，含品牌元素与连贯标题。适用于 Instagram、LinkedIn 或 X 平台的轮播帖需求。

单个 HTML 文件的管理与分析仪表盘。含固定侧边栏、顶部栏、KPI 卡片及图表。适用于仪表盘、管理、分析或控制面板类界面需求。

提供结构化会议记录页面，含参会人、议程、决策及待办事项。当需求涉及会议笔记、纪要或复盘时使用。

模拟手绘线框风格，提供方格背景与便签标注。呈现像素化前的设计思路，适用于需求提及线框、手绘或低保真原型的场景。

生成带循环 CSS 动画的单帧动态设计，输出为英雄视频海报。支持直接交付 HyperFrames 或关键帧导出器。

通用网页原型工具。基于模板和布局片段生成单文件 HTML，适用于落地页、营销、文档及 SaaS 页面的默认方案。

在页面中渲染移动应用屏幕至像素精准的 iPhone 15 Pro 框架内。适用于需求提及“移动应用”、

将产品规格或 PRD 整理为单页文档，涵盖问题、指标、范围、用户故事、设计笔记及上线计划。当需求提及 PRD、规格或需求文档时使用。

生成多帧游戏化移动端应用原型，包含封面、任务及 XP 等级系统界面。适用于游戏化应用、习惯追踪器或 RPG 风格生活应用的视觉设计需求。

生成季度或月度财务报告，包含 KPI 概览、营收与支出图表、损益表摘要及业务展望。适用于提及财报、P&L 或 MRR 审查的场景。

创建单页 SaaS 落地页，涵盖英雄区、功能、社会证明、定价及 CTA。自动适配当前 DESIGN.md 定义的颜色与排版布局令牌。

对项目中任意 HTML 执行五维度专家设计评审（哲学/视觉/细节/功能/创新），评分 0-10。输出含雷达图与行动建议的独立 HTML 报告，用于设计审查或审计

生成像素风格动画演示页，含动态吉祥物与动态排版。基于 CSS 关键帧实现循环动画，无 JS 依赖，适用于复古风格或历史解说视频素材。

包含左侧导航、可滚动正文及右侧目录的文档页面。适用于文档、指南、API 参考或教程等场景。

为 HTML 组件添加实时参数控制面板，动态重写 CSS 自定义属性并持久化至 localStorage。支持用户无需重新提示即可调整设计变体。

创建品牌产品发布邮件，含页眉、主图、标题、CTA 及规格网格。纯 HTML 居中单栏布局，支持表格回退。适用于邮件、MJML 或新闻通讯需求。

生成长篇博客文章，包含页眉、封面图占位符、图文正文、引用块及作者署名。适用于需求提及博客、文章、随笔或案例分析的场景。

生成电子杂志与电子墨水风格的网页 PPT，单 HTML 文件交付。含 WebGL 背景与排版模板，适用于分享、演讲场景。

提供包含待办、进行中等列的任务看板，支持拖拽卡片、人员头像、泳道及顶部筛选。当需求提及看板、任务板或 Trello 时适用。

生成编辑风格海报，模拟新闻纸版面与全页文章质感。适用于杂志、宣言或创意发布类设计需求。

单文件横向滑动 HTML 演示文稿。适用于路演、产品概览及学习资料，无需 `magazine-web-ppt` 的杂志风格，快速构建简洁内容。

专为团队周报设计的单文件横向滑动幻灯片，涵盖交付、进度、指标等模块，共 6-8 页。适用于周报演示需求。