Communitygithub.com

alty-oss/dev-design

UI任务在设计前,需要明确其受众、主要任务、内容、约束与成功标准时使用。

dev-design 是什么?

该技能旨在帮助AI Agent为UI设计任务生成结构化的设计简报,确保在设计开始前,对受众、主要任务、内容、约束和成功标准达成清晰共识。它通过分析产品文档、路由、组件、现有设计Token和实际内容来收集事实依据,并按产品、受众、主要任务、可观察的成功标准、真实内容、约束、参考和待定决策等部分输出`brief.md`。此技能特别强调区分观察到的事实、用户要求和假设,并标记示例样本以避免虚构业务主张。如果信息不明确,技能会主动提出具体的解释方案并要求用户确认,但只会一次提问一个关键问题。适用于Claude Code、Cursor、Codex等支持自定义技能的开发工具,尤其适合需要严谨设计流程的产品迭代或全新功能设计。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alty-oss/dev-design/tree/HEAD/skills/design-brief

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

设计简报

Português (Brasil) 在询问之前,先查阅产品文档、路由、组件、现有设计Token和内容。 使用制品合同编写brief.md,包含以下部分: 产品、受众、主要任务、可观察的成功标准、真实内容、约束、参考和待定决策。 区分观察到的事实、用户要求和假设。将虚构的示例内容标记为“示例”;不要虚构业务主张、用户评价或研究结果。 如果产品、受众或主要任务未知,可提出一个具体的解读方案并请求用户确认,除非用户已委派该决策。仅询问能改变结果的问题,一次只问一个。 对于已有的产品,记录必须保留的设计系统和约束条件。 对于微小的调整,仅将任务和现有上下文记录在review.md中;不要强制进行完整的发现工作。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

相关技能