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 commands/alifanov/darkflow/check-designgit clone --depth 1 https://github.com/alifanov/darkflowWrote 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/alifanov/darkflow/check-design)<a href="https://agentmods.dev/commands/alifanov/darkflow/check-design"><img src="https://agentmods.dev/badge/commands/alifanov/darkflow/check-design.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 | $0.00020 | $0.01084 |
| Opus 5 | $0.00010 | $0.00542 |
| Sonnet 5 | $0.00004 | $0.00217 |
| Haiku 4.5 | $0.00002 | $0.00108 |
Grade A, and why
check-design 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 4d 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 — 128 lines — stays where its author put it; the contents beside it link to each section on GitHub.
The visual half of design review: what the interface looks like, how fast it paints, and
whether it survives contact with real content. Its counterpart is check-ux, which walks the
flows instead of looking at the surfaces.
Proposal-only. Findings become tasks; nothing is changed here.
Step 1 — Read project config
Load the project config (contract in .darkflow.d/claude.md → Project config). Uses: language, stagingUrl, domain.
Check against stagingUrl when it is set, otherwise domain. There is no list of key pages to
maintain: read sitemap.xml and pick the pages from it. If neither URL is set and there is no
sitemap, audit the components in the repo and say so in one line.
Step 2 — Quality
/impeccable:audit
Step 3 — UI performance
/impeccable:optimize
Step 4 — Production readiness
/impeccable:harden
Cover the visual failure modes only — text overflow at 320px, contrast, untranslated strings,
truncation with long real-world content. The behavioural ones (a flow that dead-ends on an
error, a missing empty state you can only reach by using the app) belong to check-ux.
Step 5 — Deduplicate, then file
Read every task in the project, not just this routine's own:
~/.darkflow/df task list --state all --format compact
Design, UX, performance and build audits all reach the same slow page from different angles;
filtering by --source would file it two or three times. Skip anything already tracked or
already dismissed (closed without a merged fix — rejected). Re-file only when a previously-fixed
problem has demonstrably regressed. A performance finding already covered by build-optimization
is theirs, not yours.
--source design,--status proposed- Priority:
high— broken layout, inaccessible element, missing state on a critical screen, LCP > 2.5s, CLS > 0.1medium— visual inconsistency, unclear hierarchy, spacing, measurable slowdown, large unoptimized asset- polish and nice-to-have → no task. It goes in the snapshot's Recommendations, nowhere else.
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.
- 4d ago First seen · 128 lines · 20 tokens per session scan A 0de8102e0903
check-design is a command published in the GitHub repository alifanov/darkflow (2 stars, last pushed 5d ago), licensed MIT. It adds 20 tokens to every session and 1,084 once invoked, about $0.0001 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 commands, from other repositories
toh-ui
Create or edit UI components, pages, or layouts.
combo
Command "combo" from jiushiwon/wg-skills, covering 组合指令详解, 指令列表, icon-tag, badge and icon-btn.
motion-design
Design micro-interactions, transitions, and animation systems for UI components or full pages.
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.