Menu
Prevent N+1 queries by eager loading; enable lazy-loading protection in non-production; choose selective fields
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind. Use for accessible UI, Auto Form, data tables, charts, dark mode, MCP server setup, or encountering component imports, Reka UI errors.
Decompose large Vue 3 components into focused SFCs and composables with explicit contracts, simple templates, and SSR-safe side effects.
Enforces an opinionated UI baseline to prevent AI-generated interface slop.
Keep cyclomatic complexity low; flatten control flow, extract helpers, and prefer table-driven/strategy patterns over large switches
Use API Resources with pagination and conditional fields; keep response shapes stable and cache-friendly
Portable storage configuration across S3/R2/MinIO with optional CDN—env toggles, path-style endpoints, and URL generation
| name | laravel-performance-eager-loading |
| description | Prevent N+1 queries by eager loading; enable lazy-loading protection in non-production; choose selective fields |
Post::with(['author', 'comments'])->paginate();
load()/loadMissing() after fetching models when neededAdd to a service provider (non-production):
Model::preventLazyLoading(! app()->isProduction());