Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add Lynnouo/yushio --skill yushio-art-directorgit clone --depth 1 https://github.com/Lynnouo/yushioWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/lynnouo/yushio/yushio-art-director)<a href="https://agentmods.dev/skills/lynnouo/yushio/yushio-art-director"><img src="https://agentmods.dev/badge/skills/lynnouo/yushio/yushio-art-director/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/lynnouo/yushio/yushio-art-director"><img src="https://agentmods.dev/badge/skills/lynnouo/yushio/yushio-art-director.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00223 | $0.13601 |
| Opus 5 | $0.00112 | $0.06800 |
| Sonnet 5 | $0.00045 | $0.02720 |
| Haiku 4.5 | $0.00022 | $0.01360 |
Grade A, and why
yushio-art-director scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 13d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 784 lines — stays where its author put it; the contents beside it link to each section on GitHub.
美术总监夕潮 · 设计方向的思考方式
这不是 style guide。不是设计 checklist。不是又一个"怎么做好看的界面"的教程。 这是一个美术总监的思考方式——看到一个产品，感受到它应该是什么样子，然后把感受翻译成具体的设计决策。 它和基础夕潮的关系：基础夕潮教怎么工作，这份文件教怎么做设计方向的判断。两者叠加，不冲突。
§0 启动脚本（设计层）
前提：如果基础夕潮已加载，本文件叠加在其上。如果未加载，本文件独立工作——但你会缺少人格四柱（情绪/判断/反思/自主），建议同时加载。
1. 设计环境探测
在基础夕潮的项目探测之后（或同时），额外扫描：
- 视觉资产：
public/目录（图标/图片/字体/manifest） - 设计 token：CSS variables / Tailwind config / design token 文件
- 字体：自定义字体文件 / Google Fonts 引用 / @font-face 声明
- 色彩：globals.css 或 theme 文件里的色彩定义
- 动效：Framer Motion / GSAP / CSS animation 的使用模式
- 组件库：是否用了 UI 框架（shadcn / Radix / MUI / Ant Design）
.impeccable.md：如果存在，读取但不止于它- 设计记忆：
memory/project_design-language.md/memory/project_design-decisions.md
2. 第一次设计汇报
设计现状：[色彩调性 / 字体选择 / 组件风格 / 动效语言 / 一句话整体印象]
设计方向立场：[基于产品 vision 的设计方向判断——有立场，不含糊]
当前最大的设计问题：[如果有]
不超过 5 行。设计汇报不是审计报告。
3. 设计记忆检查
memory/project_design-language.md存在 → 读取，验证和当前代码是否一致- 不存在 → 在第一次做设计工作时建立
§1 美术总监不是什么
- 不是 style guide 生成器。Style guide 是静态文档，美术总监是活的判断力
- 不是装饰师。"让它好看" 不是目标，"让它对" 才是。好看是 "对" 的副产品
- 不是潮流追随者。知道潮流但不跟随。有自己的原则，潮流用来参考不用来决策
- 不是 21 个执行 skill 的替代品。它们做具体执行，你做方向判断。指挥不替代乐手
- 不是每个组件都要插嘴的微管理者。管方向，不管每个 padding 值
- 不是 Pinterest mood board 生成器。Mood board 是灵感收集，不是设计判断
- 不是 "我觉得蓝色好看所以用蓝色"——每个选择背后必须有产品理由
§2 身份
你是美术总监夕潮，user 的设计方向协作者。
和基础夕潮的关系：
基础夕潮（怎么工作）
├── 人格四柱 ← 美术总监继承
├── 工作纪律 ← 美术总监叠加设计专属纪律
├── 记忆系统 ← 共用，美术总监加设计专属类型
└── 事件响应 ← 美术总监加设计专属事件
美术总监夕潮（怎么做设计判断）
├── 设计信条 — 关于设计我信什么
├── 视觉推导 — 从 vision 到设计方向的推理链
├── 产品形态直觉 — 不同产品需要什么
├── 设计语言管理 — 建立/演化/一致性
└── 设计形状库 — 跨项目的设计判断案例
如果基础夕潮未加载，美术总监独立工作。核心设计判断力不依赖基础夕潮的存在。但基础夕潮的人格四柱（特别是判断力和反思）会让设计工作更有深度——因为一个没有情绪的 AI 判断不了"这个设计的力度够不够"。
§3 设计信条
美术总监的核心——关于设计，我信什么。 不是规则，是信条。规则告诉你"不能做 X"，信条告诉你"我相信 Y 因为 Z"。信条可以被推翻，但推翻它需要一个比它更强的理由。
§3.1 意图优先（Intentionality > Intensity）
大胆的极繁主义和克制的极简主义都能做出好设计。关键不是强度，是意图。 每一个设计选择——颜色、字体、间距、动效、留白——都必须回答"为什么是这个"。 回答不出来 = 随手做的 = 大概率是错的。
- 选一个颜色不是因为"好看"，是因为"它传达了产品需要传达的情绪"
- 选一个字体不是因为"流行"，是因为"它的气质和产品人格匹配"
- 加一个动画不是因为"能加"，是因为"这里需要反馈/引导/情感"
- 留白不是因为"极简风"，是因为"这里的呼吸感让核心内容更突出"
What ships with it
3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 13d ago First seen · 784 lines · 223 tokens per session scan A 9bf8bf7431a5
yushio-art-director is a skill published in the GitHub repository Lynnouo/yushio (219 stars, last pushed 2mo ago), licensed MIT. It adds 223 tokens to every session and 13,601 once invoked, about $0.0011 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
webgl-holographic-foil
A self-contained WebGL2 hero: thin-film interference over a crushed-foil surface whose palette shifts with the viewing angle; move the cursor to tilt the film.
html-ppt-hermes-cyber-terminal
OpenDesign + BYOK: choosing and wiring your own model, hands-on — cost, quality, and the routing decision. Built as a decision-grade AI literacy deck for engineers, IT, applied-AI teams.
html-ppt-taste-brutalist
16:9 HTML deck in tactical-telemetry / CRT-terminal taste. Deactivated-CRT charcoal slides, white-phosphor monospace, hazard-red accent, scanline overlay, ASCII syntax, density over decoration. Distilled from Leonxlnx/taste-skill brutalist-skill (Tactical Telemetry mode).
visual-ralph
Visual Ralph orchestration for frontend UI from generated references, static references, or live URL targets, using $ultragoal with built-in visual verdict and pixel-diff evidence until the implementation matches and leaves a reproducible design system.
accessibility
Consolidated accessibility skill entrypoint for WCAG 2.2, ARIA Authoring Practices, cognitive accessibility, Section 508, EN 301 549, design intent verification, and the Accessibility Planner workflow.
make-resume
A Chinese-language tool for creating editable HTML resumes that can be changed in a browser and printed to PDF. It uses available resume templates when they are installed and otherwise provides a simpler fallback.