Agent Skills
返回列表
🎨

品牌设计稿转换

设计多媒体 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中:

请根据官方指南 https://skillhub.cn/install/skillhub.md 将 @user_3c6cb52e/brand-to-design-md-skill 安装到你的 AI 助手中。

技能介绍

解决什么实际问题

团队在维护品牌资产时,常面临文档散落各处、格式不统一的问题。设计师需要反复核对视觉规范,开发者则要在代码中手动硬编码颜色值与字体配置。brand-to-design-md-skill 针对的是"品牌资料到结构化文档"的手工转换成本:把品牌名称、Logo 使用规则、色彩系统和排版规范整理成机器可读的 Markdown,避免因人工复制粘贴造成漏项和版本不一致。

核心能力与工作方式

该技能将品牌信息转换为标准的 design.md 文档,便于在编码代理中直接读取和引用。

  • 结构化输出:将品牌要素拆解为标题、描述、色彩变量、字体配置等独立字段,而不是一整段自然语言,方便代理按 key 取用。
  • 统一资产引用:Logo 路径、图标位置等以相对路径写入文档,减少跨目录查找的歧义。
  • 清单驱动:依据固定的字段模板生成内容,输出结果可被下游工具直接解析,无需额外清洗。

适用边界与注意点

  • 不生成视觉素材:技能只负责整理文档结构,不涉及 Logo 设计、配色方案的自动生成或图片处理。
  • 依赖输入完整性:若品牌信息本身缺失或模糊,输出的 Markdown 字段会相应留空或标记为待定。
  • 面向文本代理优化:输出格式针对 Claude Code、Codex 等环境做了精简,未必适合直接渲染为对外营销页面,需要时可再做二次加工。

使用场景

  • 需要把散落的品牌规范汇总为一份统一的 design.md 供开发团队引用
  • 为新项目初始化品牌文档时,将配色、字体规范转成结构化 Markdown
  • 将 Logo 路径与图标位置写入文档,供编码代理直接读取使用
  • 统一整理品牌名称与描述,避免多人维护时出现版本不一致

适合人员

  • 前端开发者:需要从品牌文档中提取颜色变量和字体配置写入代码
  • 品牌设计师:需要将视觉规范输出为结构化文档供团队共享
  • 项目配置人员:需要把品牌资料整理成机器可读的 Markdown 文件
  • 编码代理使用者:需要在 Claude Code 等环境中让模型直接读取品牌要素