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 skills/dean0x/devflow/accessibilitynpx skills add dean0x/devflow --skill accessibilitygit clone --depth 1 https://github.com/dean0x/devflowWhat 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.00073 | $0.01524 |
| Opus 5 | $0.00036 | $0.00762 |
| Sonnet 5 | $0.00015 | $0.00305 |
| Haiku 4.5 | $0.00007 | $0.00152 |
Grade A, and why
accessibility 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 yesterday.
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 — 146 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Accessibility Patterns
Reference for web accessibility (WCAG 2.2 AA compliance), keyboard navigation, screen reader support, and inclusive design. Sources in references/sources.md.
Iron Law
EVERY INTERACTION MUST BE POSSIBLE WITHOUT A MOUSE [1][3]
Mouse-only interactions exclude users with motor disabilities, power users, and AT users. Tab order, focus management, and keyboard shortcuts are not optional enhancements. — WCAG 2.1 Principle 2 (Operable) [1]
Activates for: interactive UI components · forms · React/JSX or CSS · focus/ARIA/contrast reviews
Keyboard Navigation [1][3]
Focus management: On modal open, move focus to the first focusable element; on close, return to the trigger. Trap focus inside. [3]
// CORRECT: Focus trap — APG dialog pattern [3]
function Modal({ isOpen, onClose, children }) {
const first = useRef<HTMLButtonElement>(null);
useEffect(() => { if (isOpen) first.current?.focus(); }, [isOpen]);
return (
<div role="dialog" aria-modal="true"
onKeyDown={(e) => { if (e.key === 'Escape') onClose(); }}>
<button ref={first}>First action</button>{children}
</div>
);
}
Skip links: First focusable element — visible on focus, links to #main-content. [1][4]
Roving tabIndex: Active item tabIndex={0}, others tabIndex={-1} — radio groups, toolbars, tabs. [3]
ARIA and Semantic HTML [2][15][18]
First rule of ARIA: Use native HTML before adding ARIA roles — no ARIA is better than bad ARIA. [15][18]
| CORRECT [18] | VIOLATION [15] |
|---|---|
<button>Submit</button> |
<div role="button">Submit</div> |
<nav aria-label="Main"> |
<div role="navigation"> |
Top WebAIM Million 2024 violations [5]: missing form labels (#1) · low contrast (#2) · missing alt text (#3) · missing button names (#4).
Live regions: aria-live="polite" for status updates; role="alert" for errors. [2]
Color and Contrast [1][16][19]
| Element | Ratio | Level | SC |
|---|---|---|---|
| Normal text (<18px) | 4.5:1 | AA | [1] §1.4.3 |
| Large text (≥18px bold, ≥24px) | 3:1 | AA | [1] §1.4.3 |
| UI components & focus indicators | 3:1 | AA | [1] §1.4.11 |
| Focus appearance (WCAG 2.2 new) | 3:1 + ≥2px perimeter | AA | [16] §2.4.11 |
What ships with it
4 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.
- yesterday First seen · 146 lines · 73 tokens per session scan A ca3cf2702ccf
accessibility is a skill published in the GitHub repository dean0x/devflow (19 stars, last pushed yesterday), licensed MIT. It adds 73 tokens to every session and 1,524 once invoked, about $0.0004 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
data-engineering
Skill "data-engineering" from fengshao1227/ccg-workflow, covering 数据工程域 · data engineering, 域概览, 数据管道编排, 框架对比 and airflow 核心模式.
verify-change
变更校验关卡。分析代码变更，检测文档同步状态，评估变更影响范围。当用户提到变更检查、文档同步、代码审查、提交前检查、diff分析时使用。在设计级变更、重构完成时自动触发。.
verify-security
安全校验关卡。自动扫描代码安全漏洞，检测危险模式，确保安全决策有文档记录。当用户提到安全扫描、漏洞检测、安全审计、代码安全、OWASP、注入检测、敏感信息泄露时使用。在新建模块、安全相关变更、攻防任务、重构完成时自动触发。.
liquid-glass
Apple Liquid Glass design system. Use when building UI with translucent, depth-aware glass morphism following Apple's design language. Provides CSS tokens, component patterns, dark/light mode, and animation specs.
gen-docs
文档生成器。自动分析模块结构，生成 README.md 和 DESIGN.md 骨架。当用户提到生成文档、创建README、创建DESIGN、文档骨架、文档模板时使用。在新建模块开始时自动触发。.
verify-module
模块完整性校验关卡。扫描目录结构、检测缺失文档、验证代码与文档同步。当用户提到模块校验、文档检查、结构完整性、README检查、DESIGN检查时使用。在新建模块完成时自动触发。.