claude

webapp

Web application development skills for Claude Code — API review, architecture review, testing, coverage, migrations, design tokens, and a principal-frontend reviewer agent. Optimized for Next.js / TypeScript / React full-stack development.

2 on GitHubby Brent Haertleinv1.3.0MITupdated 26 days agowebapp
/

Plugin webapp from marketplace universal-skills in brenthaertlein/universal-skills. Commands read from the repo's manifest — 26 days ago.

This plugin runs code on your machine — its hooks fire automatically on events like tool use. The exact commands are listed below; read them before installing.

What it installs

Skills (21)

  • a11y-review

    [pr-review-focus-area: Accessibility] Review changed UI files for the small set of accessibility patterns that account for most a11y review-cycle blockers.

  • api-review

    [pr-review-focus-area: API Routes] Review API routes for auth, input validation, error handling consistency, HTTP conventions, and test coverage.

  • architecture-review

    [pr-review-focus-area: Architecture] Review code for server/client boundary violations, import direction issues, and file placement conventions.

  • best-practices

    [pr-review-focus-area: Code Hygiene] Review code for functional style, component composition, hooks/context usage, and general code hygiene.

  • branch-coverage

    Run test coverage scoped to files changed on the current branch and analyze uncovered lines.

  • claude-review

    [pr-review-focus-area: Claude Config] Holistic audit of .claude/ configuration, skills inventory, CLAUDE.md quality, settings, hooks, and memory.

  • dba-review

    [pr-review-focus-area: Database] Database schema and query audit for correctness, performance, and conventions.

  • docs-review

    [pr-review-focus-area: Docs] Review documentation for accuracy, completeness, consistency, and LLM context quality.

  • drizzle-sql-migration

    Use when writing or applying Drizzle ORM database migrations — schema changes (DDL) and data fixes (DML custom migrations).

  • e2e-spec

    Generate behavioral specification for e2e tests through interactive questionnaire.

  • e2e-write

    Generate e2e tests from spec or code analysis with accessibility-first locators and POM conventions.

  • error-handling-preflight

    Web-framework-flavored error-handling preflight. Runs the universal core checks plus signatures specific to HTTP route handlers, async UI, and SSR/CSR boundaries.

  • migration-review

    [pr-review-focus-area: DB Migrations] Review database migrations for safety, deploy ordering, and data integrity.

  • mutate

    Run mutation testing to verify test effectiveness by analyzing killed, survived, and uncovered mutants.

  • preflight

    Web app quality gate \u2014 lint, typecheck, unit tests, e2e tests, coverage, and migration review.

  • security-review

    [pr-review-focus-area: Security] Web application security review for XSS, CSRF, SQL injection, auth bypass, data exposure, CORS, and rate limiting.

  • suggest

    Use when the user wants recommendations for libraries, tools, services, or integrations to add to their web application project.

  • test-matrix

    Coverage matrix analysis — verify test files exist and are functional for all changed source files.

  • test-quality

    [pr-review-focus-area: Tests] Assess test quality by detecting anti-patterns and verifying tests exercise real behavior.

  • theme-review

    [pr-review-focus-area: Theming & Tokens] Review design token usage, dark/light mode implementation, and styling consistency.

  • write-tests

    Generate tests following project conventions with functional test requirements and coverage targets.

Subagents (2)

  • data-engineer

    Principal-level data / database engineer. Use when a non-trivial schema change, migration, or query needs senior scrutiny — lock behavior, zero-downtime rollout, data integrity, index and query hygiene, the irreversibility of data decisions. Dispatched by dba-review, migration-review, and drizzle-sq

  • principal-frontend

    Principal-level TypeScript / Node.js / Next.js / React reviewer. Use when web application decisions need senior scrutiny — type discipline, server/client boundary, data-fetching architecture, rendering strategy, accessibility, performance budgets, and bundle hygiene. Skills like architecture-review,

Hooks (6)

  • PreToolUse

    bash -c 'if echo "$CLAUDE_TOOL_INPUT" | grep -q "git commit" 2>/dev/null; then BRANCH=$(git branch --show-current 2>/dev/null); if [ "$BRANCH" = "main" ] || [ "$BRANCH" = "master" ]; then echo "[branc

  • PostToolUse

    bash -c 'if echo "$CLAUDE_FILE_PATHS" | grep -q "\.test\." 2>/dev/null; then echo "[test-quality] Test file modified. Run /test-quality to review."; fi'

  • PostToolUse

    bash -c 'if echo "$CLAUDE_FILE_PATHS" | tr " " "\n" | grep -qE "\.tsx?$" 2>/dev/null && echo "$CLAUDE_FILE_PATHS" | tr " " "\n" | grep -E "\.tsx?$" | grep -qvE "(\.test\.|schema/|types/|\.d\.ts$)" 2>/

  • PostToolUse

    bash -c 'if echo "$CLAUDE_FILE_PATHS" | grep -qE "(schema|models|entities)" 2>/dev/null; then echo "[migration-review] Schema file modified. Run /migration-review to check if a migration is needed.";

  • PostToolUse

    bash -c 'if echo "$CLAUDE_FILE_PATHS" | grep -qE "(api|routes|controllers|endpoints)" 2>/dev/null; then echo "[api-review] API route modified. Verify: auth applied, input validated, error responses co

  • PostToolUse

    bash -c 'if echo "$CLAUDE_FILE_PATHS" | tr " " "\n" | grep -qE "\.(tsx?|css)$" 2>/dev/null; then FILES=$(echo "$CLAUDE_FILE_PATHS" | tr " " "\n" | grep -E "\.(tsx?|css)$" | grep -v "\.test\."); if [ -

View source on GitHub

More from brenthaertlein/universal-skills

All 3 plugins →

infra

claude

Enterprise infrastructure skills for Claude Code — IaC validation, drift/cost/vulnerability triage, cloud IAM and Well-Architected reviews (AWS, GCP, Kubernetes), and baremetal hardening. For sysadmins, DevOps, and SREs.

23 skills · 1 command · 2 agents · hooks

2

core

claude

Universal workflow skills for Claude Code — commit, ship, plan, debug, review. Stack-agnostic foundations that work with any project.

21 skills · 2 agents · hooks

2

Similar plugins

Create distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.

1 skill

anthropics/claude-code 155,476

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

claude-mem

claudecodex

Persistent memory for Claude Code: the next session starts where the last one left off.

29 skills · 1 MCP server · hooks

thedotmack/claude-mem 116,618

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

Design fluency for frontend development. 1 skill with 24 commands (/impeccable polish, /impeccable audit, /impeccable critique, etc.) and curated anti-pattern detection.

1 skill · 4 agents · hooks

pbakaus/impeccable 109,099

Skill: add headroom-ai compress() to a Python or TypeScript app to cut LLM input tokens (tool outputs, logs, JSON, chat history). No API key.

1 skill

headroomlabs-ai/headroom 79,508

Maintain webapp?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins3 plugins