design-exploration
用户有一个模糊的想法,想做一个新功能或新模块,但还没想清楚具体要什么。通过结构化的探索流程,帮助用户从模糊想法收敛到明确的设计方案,并产出完整的设计参考文档。
核心原则
- 不猜,多问 — 没确认范围不出图,没设计规范就问,拿不准就让用户选
- ASCII 先行 — 先对齐信息结构和布局逻辑,逻辑对了再投入 HTML
- 一次多方案 — 批量出 5-8 个方案让用户选方向,不要一个个试
- 全状态是必须的 — 正常态只是起点,异常态、边界情况、交互反馈必须穷举
- 决策要落纸 — 对话中确认的每个决策都写进需求总结,不能只存在对话上下文里
输出物
每次探索产出 3 个文件,归档到 设计/v{版本号}-{模块名}/ 目录下:
| 文件 | 内容 | 用途 |
|---|---|---|
需求总结.md |
背景、目标、功能范围、关键决策、技术约束 | PRD 阶段的输入,讲清楚"为什么做、做什么" |
{模块名}-设计稿.html |
主界面 HTML mockup | PRD + 前端开发的视觉参考 |
{模块名}-全状态设计参考.html |
所有页面状态、Toast、边界情况、交互规则表 | 前端开发直接对照实现 |
More from yunshu0909/yunshu_skillshub
github-repo-search
帮助用户搜索和筛选 GitHub 开源项目,输出结构化推荐报告。当用户说"帮我找开源项目"、"搜一下GitHub上有什么"、"找找XX方向的仓库"、"开源项目推荐"、"github搜索"、"/github-search"时触发。
252weekly-report
帮助用户梳理周报,按照完整逻辑展示工作价值和边界。当用户说"写周报"、"周报"、"梳理周报"、"整理工作"时触发。
167writing-assistant
写作助手 - 当用户说"我想写XX"、"帮我梳理选题"、"怎么形成框架"、"给我组织思路"时触发。根据观点清晰度自动选择最优路线:清晰观点走"框架→内容",模糊观点走"挖掘→选题→框架→内容"。
143lesson-builder
帮助用户通过讨论完成课程大纲和课件。当用户说"备课"、"做课件"、"准备课程"时触发。
118prd-doc-writer
Write and iteratively refine PRD/需求文档 with a story-driven structure and strict staged confirmations (journey map alignment, per-story single-point confirmation, final generation gate). Use when the user asks to 梳理/撰写/完善 PRD、需求文档、用户故事、验收标准,并希望用 ASCII 线框图与 Mermaid(流程图/状态图/时序图)来减少歧义、共同完成文档。
105thinking-partner
思考拍档 - 陪你从混沌中理清局面,锁定核心问题,拆解卡点,共创解法,落地行动
83