skills/caching/SKILL.md
--- name: caching description: Caching quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score->fix until target). Next.js 16 App Router. license: Complete terms in LICENSE.txt --- # Caching Quality System One skill, 7 modes. Score caching strategy, fix issues, or run the full loop. ## Modes | Mode | Use When | Workflow | |------|----------|----------| | **score** | Pre-launch audit, after adding/changing routes, after static/dynamic conversion | Gather
npx skillsauth add clownnvd/claude-code-skills skills/cachingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
One skill, 7 modes. Score caching strategy, fix issues, or run the full loop.
| Mode | Use When | Workflow | |------|----------|----------| | score | Pre-launch audit, after adding/changing routes, after static/dynamic conversion | Gather files -> score 10 categories -> weighted total -> grade + issues | | fix | Scorecard has issues, score below target, CRITICAL/HIGH items found | Parse scorecard -> prioritize by severity*weight -> apply fixes -> verify | | loop | Want hands-off score->fix cycle until target grade reached | Score -> fix -> re-score -> repeat (max 5 iterations, stop on plateau) | | generate | Create new code | Load criteria -> Generate meeting all 10 -> Self-check | | review | Quick 1-2 file check | Read files -> Score applicable categories -> Annotate + fix | | migrate | Framework upgrade | Detect versions -> Map breaking changes -> Migrate -> Verify | | test | Generate test cases | Map categories to assertions -> Generate test files |
Audit caching strategy against 10 weighted categories (0-100 scale, A+ to F grade).
| # | Category | Weight | Key Signals |
|---|----------|--------|-------------|
| 1 | Cache-Control Headers | 15% | NO_CACHE_HEADERS on auth responses, public cache for static assets |
| 2 | Revalidation Strategy | 15% | revalidatePath/revalidateTag after every mutation |
| 3 | Static vs Dynamic Classification | 12% | force-dynamic only where needed, static pages stay static |
| 4 | ISR Configuration | 8% | revalidate on public pages, stale-while-revalidate |
| 5 | React cache() Deduplication | 10% | cache() on session/auth, no duplicate DB calls per request |
| 6 | "use cache" Directive | 10% | Tag-based cache for expensive queries, proper invalidation |
| 7 | CDN & Edge Caching | 8% | stale-while-revalidate, s-maxage, Vercel edge config |
| 8 | Request Deduplication | 7% | No duplicate fetches, Promise.all for parallel data |
| 9 | Proxy Caching | 7% | No heavy operations in proxy, static asset bypass |
| 10 | Cache Monitoring & Debug | 8% | x-cache headers in dev, cache hit/miss observability |
| Grade | Score | Grade | Score | Grade | Score | |-------|-------|-------|-------|-------|-------| | A+ | 97-100 | B+ | 87-89 | C+ | 77-79 | | A | 93-96 | B | 83-86 | C | 73-76 | | A- | 90-92 | B- | 80-82 | D | 60-72 | | | | | | F | <60 |
references/scoring/criteria/ filesParse scorecard, prioritize by severity * weight, apply fixes, verify.
| Priority | Severity | Score Range | Action | |----------|----------|-------------|--------| | 1 | CRITICAL | 0-3 or data leak | Fix immediately -- blocks deploy | | 2 | HIGH + high weight (>=12%) | 4-5 | Fix next -- moves score most | | 3 | HIGH + low weight (<12%) | 4-5 | Fix after high-weight items | | 4 | MEDIUM | 6-7 | Fix next sprint | | 5 | LOW | 8 | Backlog or skip |
| Scorecard Category | Fix Pattern File |
|-------------------|------------------|
| Cache-Control Headers, Revalidation Strategy | references/fix/fix-patterns/headers-revalidation.md |
| Static/Dynamic, ISR | references/fix/fix-patterns/static-dynamic-isr.md |
| React cache(), "use cache" | references/fix/fix-patterns/react-cache-use-cache.md |
| CDN, Request Dedup | references/fix/fix-patterns/cdn-dedup.md |
| Proxy, Monitoring | references/fix/fix-patterns/proxy-monitoring.md |
Load references/fix/implementation-workflow.md for 6-step process: parse -> prioritize -> fix -> verify -> re-score.
Auto-iterate score -> fix until target grade reached.
Generate code meeting all 10 categories at 9-10/10. Load references/generate/workflow.md.
Parse request → Load criteria → Generate with all patterns → Self-check → Output (assets/templates/generated-code.md.template)
Quick 1-2 file review. Load references/review/workflow.md.
Read files → Score applicable categories → Annotate line numbers → Suggest fixes (assets/templates/review-report.md.template)
Upgrade code for framework changes. Load references/migrate/workflow.md.
Detect versions → Map breaking changes → Apply migrations → Verify (assets/templates/migration-report.md.template)
Generate tests from scoring criteria. Load references/test/workflow.md.
Map categories to assertions → Generate tests → Output suite (assets/templates/test-suite.md.template)
references/scoring/overview.md -- Scoring system, output format, quality gatesreferences/scoring/best-practices.md -- Do/Don't tables for all categoriesreferences/scoring/scoring-workflow.md -- Step-by-step audit processreferences/scoring/criteria/headers-revalidation.md -- Cache Headers (15%) + Revalidation (15%)references/scoring/criteria/static-dynamic-isr.md -- Static/Dynamic (12%) + ISR (8%)references/scoring/criteria/react-cache-use-cache.md -- React cache() (10%) + "use cache" (10%)references/scoring/criteria/cdn-dedup.md -- CDN (8%) + Request Dedup (7%)references/scoring/criteria/proxy-monitoring.md -- Proxy (7%) + Monitoring (8%)references/fix/overview.md -- How fix works, priority order, score targetsreferences/fix/best-practices.md -- Fix discipline, safe vs dangerous changesreferences/fix/implementation-workflow.md -- 6-step process, priority matrixreferences/fix/verification.md -- Post-fix checklist, re-scoring protocol, loop modereferences/fix/fix-patterns/headers-revalidation.md -- Cache headers, revalidation pathsreferences/fix/fix-patterns/static-dynamic-isr.md -- Static page conversion, ISR configreferences/fix/fix-patterns/react-cache-use-cache.md -- cache() dedup, "use cache" directivereferences/fix/fix-patterns/cdn-dedup.md -- CDN headers, Promise.all dedupreferences/fix/fix-patterns/proxy-monitoring.md -- Proxy optimization, debug headersassets/templates/scorecard.md.templateassets/templates/fix-report.md.templateassets/templates/generated-code.md.templateassets/templates/review-report.md.templateassets/templates/migration-report.md.templateassets/templates/test-suite.md.template
Fill {{VARIABLE}} placeholders with actual values.testing
Battle-tested SEO+GEO playbook to rank on page 1 and get cited by AI answer engines. Use when writing or optimizing posts, adding JSON-LD schema, fixing technical SEO, or diagnosing rankings.
tools
Zustand v5 state management for Next.js 16. Store patterns, middleware (persist/immer/devtools), SSR hydration, CV editor multi-step wizard, 20 documented errors. Triggers: zustand, store, state management, useState replacement, global state, persist, immer.
development
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
development
Ultimate UI/UX design intelligence with real app flow knowledge. 93 styles, 121 palettes, 81 font pairings, 35 charts, 79 components, 62 animations, 65 WCAG criteria, 46 responsive patterns, 46 dark mode rules, 60 design tokens, 13 stacks. PLUS: Claude.ai full UI blueprint (19 flows, all screens), PageFlows app patterns. Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check, clone, recreate, rebuild. Styles: glassmorphism, brutalism, neumorphism, bento, dark mode, view transitions, scroll-driven, container queries, AI-native, liquid glass, neo-minimalism, mesh gradient, geometric abstraction. Topics: color, accessibility, animation, layout, typography, spacing, shadow, gradient, responsive, dark mode, WCAG 2.2, design tokens, components, spring physics, kinetic typography, container queries, popover API, semantic tokens. Apps: claude.ai, ChatGPT-style, AI chat UI, SaaS dashboard.