Review CSS Architecture — Security skill for Claude Code
Audit CSS and design-token usage against the console-idiom rubric: ad hoc overrides, magic values, duplicated spacing scales, and design-system drift.
How to install Review CSS Architecture
Installs to ~/.claude/commands/sourjya-kiro-rails-review-css-architecture.md
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/sourjya/kiro-rails/HEAD/.claude/commands/review-css-architecture.md -o ~/.claude/commands/sourjya-kiro-rails-review-css-architecture.md Restart Claude Code, or start a new session, for it to be picked up.
What Review CSS Architecture does
description: "Audit CSS and design-token usage against the console-idiom rubric: ad hoc overrides, magic values, duplicated spacing scales, and design-system drift."
Before scanning, read `docs/decisions/` ADRs if they exist. Use documented design system decisions (intentional overrides, chosen methodology) to distinguish intentional patterns from accidental inconsistency.
Act as a principal-level frontend engineer and design systems architect performing a comprehensive CSS and stylin
Alternatives in Security
- Clawsec — Security skill suite with drift detection, automated audits, and skill integrity verification 798 ★
- Engage.Threatmodel — Materialize, lint, and drift-check the engagement threat model 348 ★
- Gsc Audit — Run a full Distribb SEO audit from Search Console + on-page + competitor + cannibalization + topic clusters 195 ★
Full documentation available on GitHub
View Source RepositoryRelated Skills
Audit Design Tokens
Find design token drift in a codebase: raw hex colors, off-scale spacing, near-duplicate values
Design Audit
Audit design system/UI/agent-surface avec tokens, composants, a11y, taste, drift Figma/code et signal Lyse opt
Codebase Index
Index-First Navigation for AI Agents: Reduce token consumption by 85% with deterministic directory indexing an
Repo Doctor
Audit a repo's agent docs — AGENTS.md/CLAUDE.md topology, always-loaded token cost, CodeMap freshness and line
Loongsuite Pilot
Local-first telemetry collector for AI coding agents — unified OpenTelemetry events for Claude Code, Codex, Cu
Cost Audit
Per-project Claude Code cost from local transcripts (token usage x API list prices). Read-only; cross-platform
Related Agents
Mj Typographer
Typographer with a style-book mind — typeface selection, pairing, hierarchy, spacing systems, and typographic
Style Sync
Checks that CSS custom properties defined in src/styles/main.css (like --accent, --bg, --text) are consistentl
UX Auditor
Thorough UX quality check of screens or workflows. Applies comprehensive rubric to spacing, states, copy, acce