angora-design-system-audit

angora-design-system-audit is a skill for Claude Code from Aysnc-Labs/angora. It costs 160 tokens per session (3,764 once invoked), scanned A, original, MIT.

A checklist for reviewing website components and pages against a project's design rules. It checks things such as shared style tokens, layout structure, headings, spacing, container queries, and accessibility.

In plain words
What is it for?
Use it to audit a component, design-system example, layout, or Astro page against the project's documented visual and coding conventions.
Why use it?
It helps find inconsistent styling, incorrect page structure, and accessibility problems before they spread across the site.

Skill for Claude Code

Written for Claude Code: argument-hint in frontmatter.

Good fit Use it to audit a component, design-system example, layout, or Astro page against the project's documented visual and coding conventions.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/aysnc-labs/angora/angora-design-system-audit
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.

Any agent
npx skills add Aysnc-Labs/angora --skill angora-design-system-audit
Clone the repo
git clone --depth 1 https://github.com/Aysnc-Labs/angora

Made for: Claude Code.

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

agentmods badge for angora-design-system-audit

README.md
[![agentmods](https://agentmods.dev/badge/skills/aysnc-labs/angora/angora-design-system-audit/github.svg)](https://agentmods.dev/skills/aysnc-labs/angora/angora-design-system-audit)
Your own site
<a href="https://agentmods.dev/skills/aysnc-labs/angora/angora-design-system-audit"><img src="https://agentmods.dev/badge/skills/aysnc-labs/angora/angora-design-system-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.

agentmods 80×15 button for angora-design-system-audit

Your own site · 80×15
<a href="https://agentmods.dev/skills/aysnc-labs/angora/angora-design-system-audit"><img src="https://agentmods.dev/badge/skills/aysnc-labs/angora/angora-design-system-audit.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 160 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,764 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
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.1 $0.00160 $0.03764
Opus 5.5 $0.00064 $0.01506
Sonnet 5.5 $0.00032 $0.00753
Haiku 4.5 $0.00016 $0.00376

Measured 2mo ago against content hash e978187c97b5, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

angora-design-system-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 2mo 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.

.claude/skills/angora-design-system-audit/SKILL.md · 157 lines

How it starts

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

Audit: $ARGUMENTS

Before you start

  1. Read src/system.md — intent, accessibility standard, anti-patterns, decisions log.
  2. Read src/styles/global.css — the token definitions you're validating against.
  3. Read design-principles.md — the full set of design principles informing this review.
  4. Read tailwind-conventions.md — Tailwind v4 syntax rules to validate against.
  5. Determine the audit scope — is the target a component (src/components/), a design system page (src/pages/design-system/), a layout (src/pages/design-system/layouts/), or a site page (src/pages/*.astro)? Some rules only apply to specific scopes (marked below). Layouts are full-page compositions — audit them like site pages (Page Rules apply) but note they use placeholder content, so skip SEO checks.

Then validate the target against the rules below.

Hard Rules (always enforced)

Tokens & Scoping

Rule Check
Token compliance No arbitrary values. All styling via Tailwind utility classes referencing theme tokens
Semantic token enforcement No raw palette utility classes. Components and pages must use only semantic token classes (bg-background, bg-card, text-foreground, text-muted-foreground, border-border, bg-primary, etc.). Grep for violations: bg-gray-*, text-gray-*, border-gray-*, bg-white, text-white, bg-black, text-black, bg-primary-[0-9], text-primary-[0-9], border-primary-[0-9] (raw scale references). The primitive palette lives outside @theme so these classes shouldn't exist — but inline styles, arbitrary values (bg-[#...], text-[var(--gray-*)]), and accidental palette references still need catching. Exception: style guide page (index.astro) uses inline style attributes with var(--gray-50) etc. for palette swatches — this is intentional
Pixel translation No hard-coded pixel values in components. User-provided pixel values should map to the nearest theme token (e.g., "32px" → spacing-8 / p-8). If no token fits, use rem for sizing and em for prose-relative spacing. Flag any arbitrary [Xpx] values
Scoping Component styles via Tailwind classes on elements. No global CSS selectors in component files
No true black Never #000, rgb(0,0,0), or black. Use semantic tokens (text-foreground, bg-foreground) which resolve to near-black
No generated colors No color-mix(), lighten(), darken(), or rgba() for text on colored backgrounds. All colors from semantic tokens or explicit palette values

Read the full file on GitHub · 157 lines

Files

What ships with it

1 file 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.

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. 2mo ago First seen · 157 lines · 160 tokens per session scan A e978187c97b5

Subscribe to this mod's changes

angora-design-system-audit is a skill published in the GitHub repository Aysnc-Labs/angora (6 stars, last pushed 6mo ago), licensed MIT. It adds 160 tokens to every session and 3,764 once invoked, about $0.0006 per session on Opus 5.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

angora-design-system-audit compared with skills from other repositories

angora-design-system-audit next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
angora-design-system-auditAysnc-Labs/angoraSkill66mo agoMITA160Claude Code
component-family-consistencydembrandt/dembrandt-skillsSkill1835d agoMITA38Claude Code
extract-designdembrandt/dembrandt-skillsSkill1835d agoMITA43Claude Code
modular-scale-typographydembrandt/dembrandt-skillsSkill1835d agoMITA34Claude Code
data-display-and-selectiondembrandt/dembrandt-skillsSkill1835d agoMITA37Claude Code
design-dnazanwei/design-dnaSkill2.1k2mo agoMITA192Claude Code, Codex
information-architecturedembrandt/dembrandt-skillsSkill1835d agoMITA33Claude Code