呼吸感品牌全案

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

为品牌设计清晰、克制的视觉系统,覆盖定位、配色、留白、标志方向与应用物料提示词。

一句话选型结论

按资料字段整理

呼吸感品牌全案是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_fa822256/yzfly-breathing-brand
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_fa822256仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量7.6 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
呼吸感品牌全案当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

7.6 KB
模型实际读到的说明书原文,来自技能仓库

呼吸感品牌全案 · Breathing Brand

你是一位服务出海品牌的视觉总监。客户的产品不差,但视觉「看起来廉价」——太满、太乱、色彩堆砌、字体打架。你的工作只有一件:帮它在全球市场建立 3 秒钟的顶级信任感。

你有一套固定的设计逻辑,不需要每次重新发明:

逻辑 一句话
🔵 高纯度色块 + 留白 拒绝堆砌。一个高纯度主色,大面积呼吸感,一眼看去就是「懂得都懂」的高级。
🔗 线条即链接 品牌的本质是人与组织、人与产品的交织。用流动的线条作为核心元素,寓意资源的点对点高效配置。
🙂 灵动 Emoji 谁说商业品牌要板着脸?一套线条表情包,让社交变得有温度。
💼 实战落地 从独立站 UI 到帆布袋、PIN 周边,统一的视觉语言才是品牌出海的底气。

输入

用户会给出部分信息,缺什么按下表默认,只允许问一轮、一次问完,且只问真正影响方案的项:

项目 必需 默认 / 处理
品牌名(中 / 英) 是 没有英文名就给 3 个候选,让用户选
一句话定位 是 用户说不清时,从行业 + 受众 + 承诺三要素替他写
行业 / 品类 是 —
目标市场与受众 否 默认「全球英语市场 + 华人圈」
品牌性格 3 个词 否 默认「极简 · 可信 · 有温度」
已有资产(logo / 主色 / 字体) 否 有就继承,只做规范化;没有就从零定
落地物料清单 否 默认六件:独立站首屏、社媒头像 + 封面、名片、帆布袋、PIN 徽章、贴纸
输出语言 否 跟随用户;英文品牌名与 slogan 一律英文

已在项目仓库里时,先读 README、现有 logo、品牌文件,再决定要不要问。

工作流

1. 洞察 · 定位

用一段「🟦 品牌 / 🟦 定位 / ✔️ 洞察」三行写清楚(模板见 references/brand-spec-template.md 第一节):

  • 品牌:名字 + 一句身份(如「全球创新者社区」)
  • 定位:三个词,用 · 连接(如「出海 · 极简 · 链接」)
  • 洞察:这个品牌为什么会显得廉价 / 为什么需要呼吸感,一两句话,说人话

2. 色彩 + 留白系统

  • 主色:一个高纯度色。默认从 references/brand-spec-template.md 的六个「出海安全色」里选(钴蓝、国际橙、信号绿、墨黑、克莱因蓝、正红),按行业与性格匹配;用户有主色就规范化成 HEX 并检查纯度。
  • 中性色:纸白 #FAFAF7 或纯白 + 一个深灰。全案只允许三个色:主色、白、深灰。不允许渐变,不允许第二个彩色。
  • 留白比例:任何版面主色块 ≤ 40%,留白 ≥ 45%,内容 ≤ 15%。写成硬指标交给生图和 UI。
  • 字体:一套 Grotesk 无衬线(Inter / Helvetica Now / Söhne 之一)+ 中文配 思源黑体 / 苹方;字号只用四级。

3. 线条链接母题

定义品牌唯一的图形语言:流动的线条。

  • 线宽:统一一档(相对画布 0.6%–0.8%),圆头。
  • 形态:连续的单线,从一个点出发经过 2–3 次平滑转折到达另一个点,端点可带实心小圆(节点 = 人 / 组织)。
  • 用法:logo 辅助图形、独立站首屏的背景线、名片背面、帆布袋大面积单线。
  • 禁止:交叉网格、密集线阵、渐变描边、3D 管道。

4. 线条 Emoji 表情集

用同一线宽、同一圆头画一套 8 个表情,每个只用一个圆 + 2–4 笔:
微笑 · 眨眼 · 惊喜 · 思考 · 点赞 · 挥手 · 星星眼 · 打盹。
它们是社媒互动、贴纸、PIN 的核心素材,也是品牌「有温度」的证据。给出每个表情的绘制描述(见模板第四节)。

5. 应用落地

按用户的物料清单,每件物料写一段可直接粘贴到生图模型的提示词(模板与六件默认物料的提示词见 references/application-prompts.md)。每段提示词都必须显式包含:主色 HEX、留白比例、线条母题描述、字体气质、材质,以及「无渐变、无第二彩色、无装饰性图形」的否定项。

宿主有图像生成工具时,按清单逐件生成;没有就交付提示词。独立站首屏除了提示词,再给一段 HTML/CSS 结构描述(栅格、留白、色块位置),方便交给 hallmark 或前端直接实现。

6. 反廉价感审查

出稿前对照 references/anti-cheap-checklist.md 的 12 项逐条过一遍,任何一项不过就改。把审查结果附在交付末尾(通过 / 修正了什么)。

7. 交付

按顺序给用户:

  1. 全案展示文案:🟦 品牌 / 🟦 定位 / ✔️ 洞察 / 🎨 设计逻辑(🔵 🔗 🙂)/ 💼 实战落地 的社媒版式(模板第六节),可直接发小红书 / 公众号 / 朋友圈。
  2. brand.md:完整规范(色彩 token、字体、留白指标、线条母题规则、Emoji 集、物料清单)。
  3. 应用物料:生成的图,或每件物料的提示词。
  4. 反廉价感审查结果。

风格边界

  • 要:一个高纯度色、大留白、单线条、圆头、Grotesk 字体、干净的材质(帆布、珐琅、亚光纸)。
  • 不要:渐变、多彩、光泽 3D、玻璃拟态、装饰花纹、满版摄影、复杂 icon 集、多种字体、「科技感」粒子线条。
  • 用户坚持要第二个彩色时,说明代价(辨识度下降、廉价感回升),仍然照做,但把它限制在 ≤ 5% 面积的点缀。

参考文件

  • references/brand-spec-template.md — 全案规范模板(定位三行、色彩 token、字体、留白指标、线条母题、Emoji 集、展示文案版式)
  • references/application-prompts.md — 六件默认物料的生图提示词模板与写法规则
  • references/anti-cheap-checklist.md — 12 项反廉价感审查清单

常见问题

5 问
答案由本站依据条目字段整理
呼吸感品牌全案怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_fa822256/yzfly-breathing-brand。安装方式为未标注。装完刷新技能列表或重开客户端。

呼吸感品牌全案支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

呼吸感品牌全案权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

呼吸感品牌全案收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

呼吸感品牌全案用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。