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 agentmods add instructions/dev-lou/pixelpilot/uiux-a11ygit clone --depth 1 https://github.com/dev-lou/PixelPilotWhat 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 | $0.05325 | $0.05325 |
| Opus 5 | $0.02662 | $0.02662 |
| Sonnet 5 | $0.01065 | $0.01065 |
| Haiku 4.5 | $0.00532 | $0.00532 |
Grade A, and why
PixelPilot uiux-a11y.instructions.md 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 2d 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 — 639 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI/UX Accessibility, Forms & Fluid Typography
Fluid clamp() typography, WCAG contrast rules, skip links, ARIA landmarks, floating label forms, drag-and-drop upload.
STEP 19 — Fluid Typography & Spacing
Rule: Replace fixed breakpoints with fluid scales. clamp() creates smooth, proportional scaling between any two sizes with no jumps.
Fluid Type Scale
:root {
/* Fluid text — scales smoothly from mobile to desktop */
/* clamp(MIN, PREFERRED, MAX) */
--text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
--text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
--text-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
--text-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
--text-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);
--text-3xl: clamp(1.875rem, 1.4rem + 2.375vw, 2.5rem);
--text-4xl: clamp(2.25rem, 1.5rem + 3.75vw, 3.5rem);
--text-5xl: clamp(3rem, 1.8rem + 6vw, 5rem);
--text-hero: clamp(3rem, 2rem + 8vw, 8rem);
/* Fluid spacing — scales with viewport */
--fluid-sm: clamp(var(--space-4), 2vw, var(--space-8));
--fluid-md: clamp(var(--space-8), 4vw, var(--space-16));
--fluid-lg: clamp(var(--space-16), 8vw, var(--space-30));
--fluid-xl: clamp(var(--space-20), 10vw, var(--space-40));
}
Fluid Usage Rules per Language
| Language | Hero text | Body text | Section spacing |
|---|---|---|---|
| Luxury | --text-hero (very large) |
--text-base (restrained) |
--fluid-xl |
| Premium | --text-4xl / 5xl |
--text-base / lg |
--fluid-lg |
| Minimalist | --text-3xl / 4xl |
--text-sm |
--fluid-xl (whitespace) |
| Expressive | --text-hero |
--text-lg |
--fluid-md |
| Technical | --text-2xl |
--text-sm (dense) |
--fluid-sm |
STEP 20 — Accessibility First (WCAG AA+)
Rule: Accessibility is not a feature. It is the foundation. Inaccessible = broken.
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.
- 2d ago First seen · 639 lines · 5,325 tokens per session scan A 99b2db45c2a4
PixelPilot uiux-a11y.instructions.md is an instructions file published in the GitHub repository dev-lou/PixelPilot (2 stars, last pushed 4mo ago), licensed MIT. It adds 5,325 tokens to every session, about $0.0266 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-31.
Other instructions, from other repositories
arai CLAUDE.md
Instructions for taniwhaai/arai, covering claude.md — arai, commands, architecture, prompt-collector module (src/promptcollector.rs) and extending the match pipeline.
healthcare-agents AGENTS.md
Instructions for ajhcs/healthcare-agents, covering healthcare agents repository instructions, repository map, git workflow and self-improvement loop.
arai AGENTS.md
Instructions for taniwhaai/arai, covering agents.md — arai, core discipline (non-negotiable), taniwha / subagent rules, work style and tool usage.
shenzjd-skills CLAUDE.md
Claude Code instructions for wu529778790/shenzjd-skills, covering claude.md, project overview, commands, a single skill's unit test and architecture.
ui-ux-design-pro-skill CLAUDE.md
Instructions for saifyxpro/ui-ux-design-pro-skill, covering project overview, cli commands, full design system generation (markdown output), search across all databases (sub-50ms) and audit ui code quality.
syncai copilot-instructions.md
Instructions for dmtrkzntsv/syncai, covering claude.md, build & run, architecture, lifecycle and identify is the routing decision.