{
"model": "claude-opus-4-7",
"messages": [...] ← text
"system": "..." ← also text
"tools": [...] ← also text (JSON schemas)
"temperature": 1.0 ← sampling parameter
"top_p": 0.95 ← sampling parameter
"top_k": 40 ← sampling parameter
"max_tokens": 4096 ← sampling parameter
"stop_sequences": [...] ← sampling parameter
}
quality
▲
│ ╱─────╲
│ ╱ ╲___
│ ╱ ╲___
│╱ ╲___
└────────────────────────────▶ context size
sweet spot too much
a11y-audit/
└── SKILL.md
───
name: a11y-audit
description: Use when the user asks to
audit accessibility of a component or
page. Do NOT use for visual design or
general code review.
───
# Accessibility audit
## Workflow
1. Render the component or load the URL
2. Run scripts/run-axe.sh for violations
3. Run scripts/keyboard-trace.sh for focus order
4. Cross-check against references/wcag-2.2.md
5. Group issues by WCAG level (A / AA / AAA)
user: audit a11y on the checkout modal
→ matches description of a11y-audit
→ load SKILL.md body
user: /a11y-audit Modal.tsx
→ load SKILL.md body
a11y-audit/
├── SKILL.md
├── references/
│ ├── wcag-2.2.md
│ ├── aria-patterns.md
│ └── common-fixes.md
└── scripts/
├── run-axe.sh
└── keyboard-trace.sh
always: name + description ~100 tokens
on match: SKILL.md body < 5K tokens
on demand: references/*.md only when SKILL.md says to
on demand: scripts/*.sh executed — code never enters context
# startup
system: a11y-audit — audit accessibility of a component or page
~100 tokens. that's all.
user: audit a11y on the checkout Modal
claude: cat a11y-audit/SKILL.md
→ instructions enter context
claude: ./a11y-audit/scripts/run-axe.sh Modal
→ 4 violations (JSON). script code never enters context.
claude: cat a11y-audit/references/wcag-2.2.md
→ cross-check violations
# aria-patterns.md, common-fixes.md — not needed here.
# never loaded. zero tokens.
Design tokens live in src/tokens/. Spacing uses a 4px base grid.
Never use raw pixel values — always var(--space-{n}).
The Overlay component traps focus and restores it on close;
new modals MUST use it, not div with z-index.
Ensure proper ARIA labels, keyboard navigation, and focus management.
Prefer <button> over <div>. Test with keyboard-only navigation.
SkillsBench curated, deep skills +16.2pp
self-generated shallow −1.3pp
Skills in the Wild 34k random skills worse than none