react-audit-grep-patterns
Provides the complete, verified grep scan command library for auditing React codebases before a React 18.3.1 or React 19 upgrade. Use this skill whenever running a migration audit - for both the react18-auditor and react19-auditor agents. Contains every grep pattern needed to find deprecated APIs, removed APIs, unsafe lifecycle methods, batching vulnerabilities, test file issues, dependency conflicts, and React 19 specific removals. Always use this skill when writing audit scan commands - do not rely on memory for grep syntax, especially for the multi-line async setState patterns which require context flags.
Works with
Agent Skills format with YAML frontmatter. Claude Code reads it as-is.
--- name: "react-audit-grep-patterns" description: "Provides the complete, verified grep scan command library for auditing React codebases before a React 18.3.1 or React 19 upgrade. Use this skill whenever running a migration audit - for both the react18-auditor and react19-auditor agents. Contains every grep pattern needed to find deprecated APIs, removed APIs, unsafe lifecycle methods, batching vulnerabilities, test file issues, dependency conflicts, and React 19 specific removals. Always use this skill when writing audit scan commands - do not rely on memory for grep syntax, especially for the multi-line async setState patterns which require context flags." license: "MIT" --- # React Audit Grep Patterns Complete scan command library for React 18.3.1 and React 19 migration audits. ## Usage Read the relevant section for your target: - **`references/react18-scans.md`** - all scans for React 16/17 → 18.3.1 audit - **`references/react19-scans.md`** - all scans for React 18 → 19 audit - **`references/test-scans.md`** - test file specific scans (used by both auditors) - **`references/dep-scans.md`** - dependency and peer conflict scans ## Base Patterns Used Across All Scans ```bash # Standard flags used throughout: # -r = recursive # -n = show line numbers # -l = show filenames only (for counting affected files) # --include="*.js" --include="*.jsx" = JS/JSX files only # | grep -v "\.test\.\|\.spec\.\|__tests__" = exclude test files # | grep -v "node_modules" = safety (usually handled by not scanning node_modules) # 2>/dev/null = suppress "no files found" errors # Source files only (exclude tests): SRC_FLAGS='--include="*.js" --include="*.jsx"' EXCLUDE_TESTS='grep -v "\.test\.\|\.spec\.\|__tests__"' # Test files only: TEST_FLAGS='--include="*.test.js" --include="*.test.jsx" --include="*.spec.js" --include="*.spec.jsx"' ```
More Frontend Frameworks skills
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
design-taste-frontend
leonxlnx/taste-skill
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.
hyperframes-creative
heygen-com/hyperframes
Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use hyperframes-animation.

