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.
git clone --depth 1 https://github.com/jiushiwon/wg-skillsWrote 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/commands/jiushiwon/wg-skills/button)<a href="https://agentmods.dev/commands/jiushiwon/wg-skills/button"><img src="https://agentmods.dev/badge/commands/jiushiwon/wg-skills/button.svg" alt="Measured on agentmods" height="20"></a>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.00000 | $0.00537 |
| Opus 5 | $0.00000 | $0.00269 |
| Sonnet 5 | $0.00000 | $0.00107 |
| Haiku 4.5 | $0.00000 | $0.00054 |
Grade A, and why
button 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 3d 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.
What it actually says
按钮指令详解
指令列表
btn-primary
触发关键词：主按钮、确定、提交、primary、主要按钮
样式：
- 高度：40px (可配置 --btn-height-md)
- 圆角：10px (可配置 --radius-md)
- 背景：var(--primary)
- 文字色：var(--text-inverse)
- 字号：16px (可配置 --btn-font-md)
使用示例：
<button class="btn-primary">
<text>确定</text>
</button>
<!-- 大号 -->
<button class="btn-primary btn-primary--large">
<text>确定</text>
</button>
<!-- 块级 -->
<button class="btn-primary btn-primary--block">
<text>确定</text>
</button>
btn-secondary
触发关键词：次按钮、取消、返回、secondary、灰色按钮
样式：
- 高度：40px
- 圆角：10px
- 背景：var(--bg-secondary)
- 文字色：var(--text-primary)
btn-ghost
触发关键词：幽灵按钮、透明按钮、空心按钮、ghost、outline
样式：
- 高度：40px
- 圆角：10px
- 背景：transparent
- 边框：1px solid var(--primary)
- 文字色：var(--primary)
btn-icon
触发关键词：图标按钮、icon按钮、纯图标
样式：
- 尺寸：40x40px
- 圆角：10px
- 背景：transparent
尺寸变体
| 变体 | 类名 | 高度 | 字号 |
|---|---|---|---|
| 小号 | --small |
32px | 14px |
| 中号 | (默认) | 40px | 16px |
| 大号 | --large |
48px | 18px |
块级变体
添加 --block 类名使按钮宽度为100%
禁用状态
使用 disabled 属性或 disabled 类名
<button class="btn-primary" disabled>
<text>禁用</text>
</button>
点击态
无需额外代码，CSS已定义 :active 样式
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.
- 3d ago First seen · 97 lines · 0 tokens per session scan A e17af0778610
button is a command published in the GitHub repository jiushiwon/wg-skills (90 stars, last pushed today), licensed Apache-2.0. It costs nothing until one of its globs matches a file; then it loads 537 tokens. 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-09-03.
Other commands, from other repositories
ux-recommend
The v2 flagship. Runs the 5-parallel-search Python engine across 11 data manifests (75+ styles, 170+ palettes, 65+ type pairs, 120+ components, 170+ industries, 110+ UX laws, 50+ motion presets, 120+ anti-patterns, 92 brand specs) and returns a complete recommended design system for your project — with always-on…
color-specialist
Use when colour is failing. Contrast below AA, a palette with no system behind it, dark mode that is only inverted light mode, or semantic colours that carry no meaning.
responsive-design-specialist
Use when a layout breaks between sizes. Arbitrary breakpoints, type that does not scale, images that blow out the grid, or a desktop design retrofitted onto mobile.
revisar-ui
Auditoria visual retroativa de 6 pilares do código frontend implementado.
colorize
Introduce or rework color strategy.
extract
Pull repeated patterns into reusable components and design tokens.