design-brief

Name: design-brief
Author: adeonir

github.com/adeonir设计与 UI839 次安装1 天前更新

代码仓库

关于 design-brief

design-brief 是用于制定和验证项目视觉识别的技能，通过根目录的 DESIGN.md 管理设计方向与规范。它按任务加载相应操作，并为已有设计的项目先进行识别评估。

主要功能

01探索并制定视觉方向
02评估现有视觉识别
03创建或更新 DESIGN.md
04预览并检查视觉效果
05验证设计文件并导出令牌
06比较版本差异与回归

适用场景

01为新项目探索并确定视觉风格
02审查现有设计的一致性或偏移
03更新品牌视觉规范并验证
04预览设计、导出令牌或比较版本

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/adeonir/agent-skills --skill design-brief

安装后在 Claude Code 中输入/design-brief确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

README.md

agents/

openai.yaml

assets/

design.template.md

instructions/

design.md

diff.md

direction.md

export.md

identity-assessment.md

preview.md

validate.md

references/

aesthetics.md

anti-patterns.md

anti-slop.md

brand.md

cli.md

color-craft.md

discovery.md

product.md

style-directions.md

typography.md

scripts/

check-contrast.py

preview-server.ts

详细介绍

设计简报

开发并验证根目录 DESIGN.md 所承载的视觉识别。

触发条件

关键词或状态	加载
没有视觉参考、探索、寻找风格、不确定应该是什么感觉	direction.md
评估、审查当前视觉识别、哪些内容保持一致或出现偏差	identity-assessment.md
编写、创建、提取、编纂、刷新、重新设计品牌、演进、同步	design.md
预览、调整、评论、视觉检查	preview.md
验证、检查 `DESIGN.md`	validate.md
导出令牌	export.md
比较版本、令牌差异、回归	diff.md

一次只加载一个操作。预览、验证、导出和差异比较可直接进入；棕地项目的编写流程应先进行视觉识别评估。

工作流

greenfield, direction absent → direction → design → validate → preview
greenfield, direction given  ───────────→ design → validate → preview
brownfield → identity-assessment → confirmed intent → design → validate

每项操作都从加载发现信息开始。如果用户只要求审查，棕地项目的评估可以在呈现结果后结束。

支持 Markdown

登录后评论