skills/scalability/SKILL.md
--- name: scalability description: Scalability quality system. 7 modes: score (10-category audit), fix (auto-fix from scorecard), loop (score then fix until target). license: Complete terms in LICENSE.txt --- # Scalability Quality System One skill, 7 modes. Score scalability, fix bottlenecks, or run the full loop. ## Modes | Mode | Trigger | What it does | |------|---------|--------------| | **score** | "score scalability", "scalability audit" | Run 10-category audit, produce scorecard with
npx skillsauth add clownnvd/claude-code-skills skills/scalabilityInstall 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 scalability, fix bottlenecks, or run the full loop.
| Mode | Trigger | What it does | |------|---------|--------------| | score | "score scalability", "scalability audit" | Run 10-category audit, produce scorecard with grade A+ to F | | fix | "fix scalability", provide a scorecard | Parse scorecard, prioritize by severity x weight, apply fixes, verify | | loop | "scalability loop", "score and fix until B+" | Score -> fix -> re-score, repeat until target grade reached | | 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 scalability and performance against 10 weighted categories. Produces scorecard with grade, per-category scores, issues list with severity, and fix recommendations.
| # | Category | Weight | Key Signals | |---|----------|--------|-------------| | 1 | Bundle Size & Code Splitting | 15% | Dynamic imports, tree shaking, no barrel re-exports, lazy components | | 2 | Image & Asset Optimization | 12% | next/image, WebP/AVIF, lazy loading, responsive sizes | | 3 | Server Component Architecture | 12% | RSC by default, minimal "use client", streaming, Suspense | | 4 | Database Query Performance | 12% | No N+1, connection pooling, indexed queries, select fields | | 5 | API Response Performance | 10% | Small payloads, pagination, no over-fetching, compression | | 6 | Client-Side Performance | 10% | Minimal re-renders, memoization where needed, no layout thrash | | 7 | Edge & CDN Optimization | 8% | Static generation, ISR, proxy configuration, CDN-friendly headers | | 8 | Memory & Resource Management | 8% | No leaks, connection cleanup, bounded caches, AbortController | | 9 | Concurrent & Parallel Processing | 7% | Promise.all for independent fetches, streaming responses | | 10 | Performance Monitoring & Budgets | 6% | Web Vitals tracking, bundle budget, lighthouse CI |
| 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/overview.md -- Scoring system, output format, files to auditreferences/scoring/scoring-workflow.md -- Step-by-step audit processreferences/scoring/best-practices.md -- Do/Don't tables for all categoriesreferences/scoring/criteria/bundle-images.md -- Bundle Size (15%) + Images (12%)references/scoring/criteria/rsc-dbperf.md -- Server Components (12%) + DB Perf (12%)references/scoring/criteria/api-client.md -- API Perf (10%) + Client Perf (10%)references/scoring/criteria/edge-memory.md -- Edge/CDN (8%) + Memory (8%)references/scoring/criteria/concurrency-monitoring.md -- Concurrency (7%) + Monitoring (6%)Parse a scorecard and systematically implement all fixes. Prioritize by severity x weight, apply code changes, verify each fix, re-score.
| Priority | Severity | Score Range | Action | |----------|----------|-------------|--------| | 1 | CRITICAL | 0-3 or user-visible perf | 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 Reference |
|-------------------|----------------------|
| Bundle Size, Image Optimization | references/fix/fix-patterns/bundle-images.md |
| RSC Architecture, DB Performance | references/fix/fix-patterns/rsc-dbperf.md |
| API Performance, Client Performance | references/fix/fix-patterns/api-client.md |
| Edge/CDN, Memory Management | references/fix/fix-patterns/edge-memory.md |
| Concurrency, Monitoring | references/fix/fix-patterns/concurrency-monitoring.md |
references/fix/overview.md -- How fix mode 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 modeAuto-iterate: score -> fix all issues -> re-score -> repeat until target grade reached (default B+ for production, A- for enterprise). Max 5 iterations. Halts if any category regresses or if no improvement after a cycle.
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)
assets/templates/scorecard.md.template -- fill {{VARIABLE}} placeholdersassets/templates/fix-report.md.template -- fill {{VARIABLE}} placeholdersassets/templates/generated-code.md.templateassets/templates/review-report.md.templateassets/templates/migration-report.md.templateassets/templates/test-suite.md.templatetools
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.
development
--- name: ui description: UI quality system. 4 modes: research (design brief), score (10-category audit), fix (auto-fix from scorecard), pipeline (end-to-end chain). license: Complete terms in LICENSE.txt --- # UI Quality System One skill, 4 modes. Research real products, score UI quality, fix issues, or run the full pipeline. ## Modes | Mode | Use When | Workflow | |------|----------|---------| | **research** | Before building any page | Extract tokens → Search → Fetch → Design Brief | | **