Claude Code: UI Design & Frontend Skills

Admin authentication and authorization system reference — login flow, JWT, TOTP, sessions,…

Verify OpenAPI/Swagger spec matches actual route registrations and handler…

Audit backend code for SQL safety, error handling, auth coverage, PII exposure, dead code, TODO…

Audit frontend code for hardcoded values, console.log, TypeScript strict, dead imports, design tokens,…

Audit infrastructure — secrets, Docker, deps, CORS, webhooks, migrations, CI/CD,…

Run comprehensive parallel audit — dispatches specialized agents by scope (frontend, backend, infra,…

Review chat bot code (Telegram, Discord, Slack) for callback safety, state machines, rate limits, and production…

Detect stale comments, outdated TODOs, doc rot -- comments that lie about the…

Challenge assumptions and probe reasoning using adversarial thinking. Use when asked to find weaknesses, challenge a design, identify edge cases, or stress-test an approach. Triggers on: "use critic mode", "challenge this", "find weaknesses", "what could go wrong", "critic", "devil's advocate", "poke holes", "stress test", "what am I missing", "5 whys". Read-only mode - questions and probes but doesn't provide solutions.

PostgreSQL database specialist — query optimization, schema design, index strategy, migration safety,…

Multi-source debug — Docker logs, Redis inspection, SQL diagnostics, git blame, execution…

Full-stack development orchestrator -- always-on, 16 phases: read-docs -> understand -> architect -> pseudocode -> plan -> contract -> validate -> implement -> evaluate -> verify -> test -> goals -> review -> critic -> document ->…

WHEN: Django project review, ORM queries, views/templates, admin customization WHAT: ORM optimization + View patterns + Template security + Admin config + Migration…

Documentation review — freshness check (git diff vs docs) + accuracy validation (claims vs code) + coverage…

Generate Playwright e2e tests — Page Object Model, data-testid selectors, network mocking, viewport…

Frontend performance review — bundle size, lazy loading, CSS containment, web vitals, image optimization. Activate when reviewing frontend code for performance.

SocialApp user frontend state management — TanStack Query, Zustand, IndexedDB persistence, cache invalidation, multi-account…

Color-system specialist — OKLCH, tinted neutrals, contrast, palette construction, dark/light theme selection by use context, status colors, accessibility.

Holistic design critique — NOT a code review. Judges aesthetic coherence, composition, hierarchy, intentionality. "Does this feel designed or generated?

Interactive-component polish specialist — buttons, modals, drawers, forms, focus states, loading patterns, UX writing, empty states. The invisible details that compound into "feels right".

Motion specialist — the 4-question Animation Decision Framework, easing curves, durations, springs, reduced-motion. Output in | Before | After | Why | markdown table.

2D frontend UI umbrella review — typography, color, layout, motion, interaction. Runs a quick reflex audit, dispatches specialist sub-skills when a domain needs deep attention, consolidates findings.

Typography specialist — font selection, modular scale, line-height, line-length, pairing, tracking, OpenType, font-loading. Called by frontend-ui-reviewer or directly for typography-focused audits.

Runtime GLB/GLTF inspection — traverse nodes, identify screen meshes, inspect UV coordinates, material property dumping, fixing exported materials at runtime. Use when textures don't map correctly to 3D models.