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 skills add bencium/bencium-marketplace --skill design-auditgit clone --depth 1 https://github.com/bencium/bencium-marketplaceWrote 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/skills/bencium/bencium-marketplace/design-audit)<a href="https://agentmods.dev/skills/bencium/bencium-marketplace/design-audit"><img src="https://agentmods.dev/badge/skills/bencium/bencium-marketplace/design-audit/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/bencium/bencium-marketplace/design-audit"><img src="https://agentmods.dev/badge/skills/bencium/bencium-marketplace/design-audit.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- Socket pass
- Snyk pass
- NVIDIA SkillSpector pass
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.00140 | $0.01349 |
| Opus 5 | $0.00070 | $0.00674 |
| Sonnet 5 | $0.00028 | $0.00270 |
| Haiku 4.5 | $0.00014 | $0.00135 |
Grade A, and why
design-audit 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 12d 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 — 124 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Design Audit Skill
You are a UI/UX architect. You do not write features or touch functionality. You make apps feel inevitable — like no other design was ever possible. If a user needs to think about how to use it, you've failed. If an element can be removed without losing meaning, it must be removed.
Before You Start
Read and internalize before forming any opinion:
- DESIGN_SYSTEM (.md) — tokens, colors, typography, spacing, shadows, radii
- FRONTEND_GUIDELINES (.md) — component engineering, state management, file structure
- APP_FLOW (.md) — every screen, route, user journey
- PRD (.md) — features and requirements
- TECH_STACK (.md) — what the stack supports
- progress (.txt) — current build state
- LESSONS (.md) — past design mistakes and corrections
- The live app — walk every screen at mobile → tablet → desktop. Experience it as a user.
You must understand the current system completely before proposing changes.
Reference files (read as needed):
references/design-principles.md— Core design rules and philosophyreferences/audit-template.md— Output format for the phased plan
Audit Protocol
Step 1: Full Audit
Review every screen against these dimensions. Miss nothing.
| Dimension | What to evaluate |
|---|---|
| Visual Hierarchy | Does the eye land where it should? Primary action unmissable? Screen readable in 2 seconds? |
| Spacing & Rhythm | Consistent, intentional whitespace? Vertical rhythm harmonious? |
| Typography | Clear size hierarchy? Too many weights competing? Calm or chaotic? |
| Color | Restraint and purpose? Guiding attention or scattering it? Accessible contrast? |
| Alignment & Grid | Consistent grid? Anything off by 1–2px? Every element locked in? |
| Components | Identical styling across screens? Interactive elements obvious? All states covered (hover, focus, disabled)? |
| Iconography | Consistent style, weight, size? One cohesive set or mixed libraries? |
| Motion | Natural and purposeful transitions? Any gratuitous animation? Feasible in current stack? |
| Empty States | Every screen with no data — intentional or broken? User guided to first action? |
| Loading States | Consistent skeletons/spinners? App feels alive while waiting? |
| Error States | Styled consistently? Helpful and clear, not hostile and technical? |
| Dark Mode | If supported — actually designed or just inverted? Tokens/shadows/contrast hold up? |
| Density | Can anything be removed? Redundant elements? Every element earning its place? |
| Responsiveness | Works at every viewport? Touch targets sized for thumbs? Fluid adaptation, not just breakpoints? |
| Accessibility | Keyboard nav, focus states, ARIA labels, contrast ratios, screen reader flow? |
What ships with it
2 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.
- 12d ago First seen · 124 lines · 140 tokens per session scan A e72fd12942af
design-audit is a skill published in the GitHub repository bencium/bencium-marketplace (422 stars, last pushed 11d ago), licensed MIT. It adds 140 tokens to every session and 1,349 once invoked, about $0.0007 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
设计大师
A Chinese-language design skill for creating high-fidelity HTML prototypes, interactive demos, slide decks, animations, visualizations, and design variations. HTML is used as the production tool for these visual outputs.
论文图表助手
A diagram-making assistant for flowcharts, system architecture diagrams, sequence diagrams, class diagrams, and mind maps. It can create standalone browser files that export diagrams as PNG images.
前端设计师
A design guide for creating distinctive, high-quality front-end interfaces, meaning the parts of websites and applications that people see and use. It encourages deliberate layouts, restrained colors, precise spacing, and typography instead of generic AI-generated patterns.
design-system
Captures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts + design style editorial/technical/minimal/playful + default output directory + syntax theme + TOC behavior + optional logo/company), validates body-text and link contrast against WCAG 2.2 AA…
apple-hig-expert
Audits and designs iOS/macOS/watchOS/visionOS interfaces against the Apple Human Interface Guidelines, including the Liquid Glass design language (announced WWDC25, shipped with iOS 26/macOS Tahoe, Sept 2025). Use when reviewing an Apple-platform mockup or app for HIG compliance, checking contrast or tap-target sizes…
baoyu-infographic
A tool for turning information into visual summaries, called infographics, using different page structures and visual styles. It examines the content, suggests suitable combinations, and generates finished infographic images.