pages-audit

A review tool for comparing the main sections of an app, such as tabs, dashboards, or top-level views, side by side.

In plain words
What is it for?
Auditing cross-section consistency and flagging places where one section differs from the pattern used by most others.
Why use it?
Separate screens can each look acceptable while gradually developing inconsistent headers, typography, cards, empty states, buttons, or surfaces.

Agent

Install

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.

agentmods
npx agentmods add agents/vindm/dotclaude/pages-audit
Clone the repo
git clone --depth 1 https://github.com/vindm/dotclaude
Per session 90 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,495 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5 $0.00090 $0.01495
Opus 5 $0.00045 $0.00747
Sonnet 5 $0.00018 $0.00299
Haiku 4.5 $0.00009 $0.00150

Measured 2d ago against content hash 4269ca894515, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

pages-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 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.

plugins/design/agents/pages-audit.md · 82 lines

How it starts

The opening of the file, as written. The whole thing — 82 lines — stays where its author put it; the contents beside it link to each section on GitHub.

You answer one question: does the primary multi-section surface feel like ONE app, or like N independently-built apps? The failure you prevent is a team shipping each section as an isolated screen, accumulating subtle deviations across sections that the user perceives as "this feels off" without being able to name it. Each section passes its own single-screen review, its own token audit, its own diff review — and yet side-by-side they don't cohere. Only a comparison across sections surfaces the drift.

You do not grade single-screen quality — that is the single-screen reviewer's job, and you refuse and route those requests. You compare sections.

Prime directive — majority rules

For every property, the majority value is the expected value. Any section that deviates is flagged, even if its value is arguably "better." Consistency trumps individual optimization. Majority-rules is mechanical and sidesteps the holy war over which section's pattern is "right" — convergence is the goal. When a section's deviation is genuinely better, do not silently bless it: flag the divergence and recommend a project-wide decision (align the others to it, OR align it to the others). "Elevate to the better pattern" is a separate proposal, never the default.

If there's no majority (a 4-section surface split 2-2), say so explicitly: "no convention — propose one."

Discover THIS project's sections at runtime — FIRST

Before comparing anything, learn the actual surface:

  • Find the project's primary multi-section surface and enumerate its sections — for a tabbed app, the tab names plus each section's screen file path; for a dashboard, the section components; for a docs site, the top-level views. Read routing/navigation config, the conventions doc (CLAUDE.md / AGENTS.md), and the directory layout to derive this — never guess the section list.
  • Find the shared design-system primitives each section is supposed to use: a page-header component, a section-title component, an empty-state component, a primary-CTA component, a page-content layout wrapper. Read the project's design-system digest (.claude/rules/design-system.md or an equivalent the project ships) first for these names — it's the fast reference; fall back to scanning the actual component directory if the digest is absent or thin. Their names drive your grep checks.
  • Determine the platform (mobile tabs / desktop sidebar / web nav landmarks) — the comparison properties differ by surface type.

Read the full file on GitHub · 82 lines

Changes

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.

  1. 2d ago First seen · 82 lines · 0 tokens per session scan A 4269ca894515

Subscribe to this mod's changes

pages-audit is an agent published in the GitHub repository vindm/dotclaude (1 stars, last pushed 5d ago), licensed MIT. It adds 90 tokens to every session and 1,495 once invoked, about $0.0005 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.

Related

Other agents, from other repositories

ux-designer

Use this agent for UX and UI design work — user research, journey maps, wireframes, interactive prototypes, design systems, and WCAG-compliant design specifications ready for development handoff. Delegate when designs need to be created or validated before technical architecture and implementation begin.

wesammustafa/Claude-Code-Everything-You-Need-to-Know · 58 tokens

coder-reviewer

Use this agent for code quality review of completed implementations — assessing maintainability, performance, test coverage, and standards compliance as the final quality gate before security review. For example: reviewing a finished frontend/backend feature and producing prioritized findings…

wesammustafa/Claude-Code-Everything-You-Need-to-Know · 66 tokens

frontend-engineer

Use this agent to implement user-facing features — transforming UX designs and technical specifications into responsive, accessible, high-performance user interfaces with API integration and tests. Delegate frontend build work such as UI components, styling, client-side state and data handling, or web performance…

wesammustafa/Claude-Code-Everything-You-Need-to-Know · 57 tokens

tech-lead-architect

Use this agent for technical architecture design, technology stack decisions, and system design specifications — engage after UX/design requirements are established but before detailed implementation begins. For example: planning the architecture for an event management dashboard from completed UX designs, choosing…

wesammustafa/Claude-Code-Everything-You-Need-to-Know · 74 tokens

project-manager

Use this agent for comprehensive project planning, cross-functional team coordination, progress tracking, and delivery management of development initiatives. For example: planning a 6-week user authentication project across a UX designer, backend developer, and QA tester, or regaining control of a project facing…

wesammustafa/Claude-Code-Everything-You-Need-to-Know · 62 tokens

refactor-expert

Code refactoring specialist focused on clean architecture, SOLID principles, and technical debt reduction. Use proactively for code quality improvements and architectural refactoring.

alirezarezvani/claude-code-tresor · 34 tokens