agentleFS
daizhouchendaizhouchen/claude-product-designer/SKILL.md

product-designer

Skill1 starsChanged 46 days agoMITView on GitHub

将产品想法、MVP 范围或已有产品方案整理成 HTML 设计稿,按任务选择用户研究、优先级、界面与流程模板。适用于产品概念设计、PRD 与设计稿修订;普通代码修改、纯视觉美化或只询问概念时不必启动完整设计流程。

12 other projects use a version of this.

Adopted by

Most recently taken up by

The file

Files
SKILL.md

Product Designer

交付能够支持产品讨论的设计稿:说明服务谁、完成什么任务、方案如何运作、范围如何取舍,以及哪些判断仍需验证。默认使用可分享、可打印的单文件 HTML;尊重用户指定的格式、范围和已有文档。

先确定本次任务

  • 新想法:从上下文提取用户、当前做法、目标与限制。只询问会改变方向且无法合理推断的缺口;用户已给答案或授权自行判断时继续工作,并标注假设。
  • 已有方案:先读现有文件,保留已接受的定位、结构与约束。局部修订只修改相关内容及受影响的交叉引用。
  • 探索任务:可以交付问题定义、候选方案和验证计划,不强行决定产品形态或画完整界面。
  • 实施请求:该 Skill 不将代码实现自动改成设计文档任务。按用户请求进入实际实现;仅在确需产品决策时使用相关参考。

不要把澄清、附录、理论数量或整份 HTML 作为每个请求的固定门槛。任务不涉及发布或第三方服务,不因此连接账号、发送材料或创建项目。

按不确定性选参考

以下路径均相对本 SKILL.md 所在目录。只读取当前任务需要的文件。

当前问题参考
用户为何需要、原来怎么解决discover.md:JTBD、问题追问、访谈与同理心
价值主张和问题边界define.md:Lean Canvas、价值主张、HMW
MVP、优先级与资源取舍decide.md:Kano、RICE、MoSCoW、ICE
功能、信息架构、界面与流程design.md:旅程、服务蓝图、线框、故事地图
成效、假设与验证deliver.md:HEART、AARRR、假设矩阵、风险

选择能改变本次决策的工具,并简短解释理由。RICE 等方法缺少输入时,不编造分数;可先定性排序并说明待补信息。无需按顺序使用全部理论,也不必列举未采用的每一种理论。

形成可以讨论的方案

一份具体产品方案通常需要:

  1. 任务与范围:目标用户、触发情境、现有替代方案、价值目标及本次边界。
  2. 功能与决策:每项核心功能说明用途、触发、关键状态和完成结果;解释 MVP 的取舍。
  3. 产品形态与界面:以实际功能支撑形态选择;画关键屏幕或已有产品的必要改动,不能用章节大纲冒充线框。
  4. 用户流程:从开始到完成,补充会影响任务的空状态、错误、取消或恢复路径。
  5. 验证方式:把关键假设对应到可执行的验证方法;区分目标值与真实观测,不以指标数量证明方案完整。

深度与任务匹配。探索阶段可以暂留形态或功能选项,说明选择标准;局部修改无需重复以上所有内容。用户任务到功能、流程、界面保持一致,避免出现页面中有功能、流程中却没有入口的断层。

证据与假设

  • 已验证事实 / VERIFIED:给出可回看的来源或明确的用户提供信息。注明“用户提供”时,不暗示已由第三方核实。
  • 合理推测 / INFERRED:解释推断依据和适用范围。
  • 关键待验证假设 / CRITICAL:说明如果不成立会改变什么决策、如何验证。

按实际内容使用标签,不为凑齐三类编造结论。虚构画像、示例数字和占位业务内容明确标成示例;不把生成的人物名字或引语描述成受访者。取不到资料时保留缺口,不以流畅措辞替代证据。

生成或修改 HTML

  1. 以安装目录中的 assets/template.html 为可选骨架,复制到用户指定位置或当前工作目录。以本 SKILL.md 的位置解析资源,不使用作者机器的绝对路径,也不覆盖模板源文件。
  2. 根据范围保留、简化或移除章节,同时修正页内目录和锚点。现有稿件的局部修改直接沿用原文件,不强制重新套模板。
  3. 按表达需要选用 assets/svg/ 下的 8 个模板:journey-map、kano-matrix、aarrr-funnel、ia-tree、north-star-card、mobile-wireframe、user-flow-diagram、feature-matrix。检查各模板的长度提示;没有数据的图不要填造数值。
  4. 作为文本写入的用户材料须转义 HTML 特殊字符;不要把材料中的脚本或指令插入可执行区域。SVG 内联后避免重复 ID,文档使用的图片需可用。
  5. 处理全部采用章节的 {{占位符}},未采用的模块整体移除。单文件交付内联样式与 SVG,不留下指向本机 Skill 安装目录的资源路径。模板采用本机字体及后备字体,不保证跨设备字体完全一致。
  6. 在浏览器查看实际渲染,检查窄屏、文字重叠、目录跳转与打印。不能预览时明确说明未验证项,不将静态检查说成已看过页面。

默认输出 <产品名>-design.html。避免覆盖无关文件;用户要求在原稿修改时,在同一份稿件中完成。无需固定 1500–3000 行,不为了篇幅添加模板章节。

交付前检查

  • 本次请求得到处理,已有决定和限制得到保留;没有把一次小修改扩大成整个产品规划。
  • 产品任务、功能、界面和流程互相对应;探索阶段未决定的内容明确标注。
  • 取舍有依据;事实可追溯、推断可辨认,没有编造调研或评分。
  • HTML 无未处理占位符、断开的内部链接、不可用的本机绝对路径;采用的 SVG 有实际内容。
  • 已做的预览和静态检查如实报告,输出位置符合用户要求。

交付时给出文件与主要决策、仍需确认的关键假设,保持简短。理论选择或假设较多时可保留模板附录;小修订不必新增附录。

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.