メニュー
Profile and optimize Resource-Adda performance. Use when investigating slow pages, reducing bundle size, optimizing memory usage, or improving Lighthouse scores.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | performance-profiling |
| description | Profile and optimize Resource-Adda performance. Use when investigating slow pages, reducing bundle size, optimizing memory usage, or improving Lighthouse scores. |
ANALYZE=true pnpm build
# Check build output for large chunks
# Look for duplicates, unused libs, large packages
node --inspect=9229 backend/src/index.js
# In Chrome: chrome://inspect
# Take heap snapshots before/after operations
// Enable Mongoose debug logging
mongoose.set("debug", true);
// Use .lean() for read-only queries (skip hydration)
const vendors = await Vendor.find({ status: "active" }).lean();
// Add indexes for frequently filtered fields
vendorSchema.index({ category: 1, status: 1 });
npx lighthouse http://localhost:3000 --output=json
Next.js optimizations:
next/image for automatic image optimization'use client' unless needed)next/font/google (no external font loading)# 1. Baseline
pnpm build
# 2. Identify bottleneck (bundle, query, memory)
# 3. Optimize
# 4. Measure improvement
pnpm build # Compare output sizes
pnpm build # Production build
ANALYZE=true pnpm build # Bundle analysis
npx depcheck # Unused packages
NODE_OPTIONS="--inspect" pnpm dev # Profile in dev
| Issue | Solution |
|---|---|
| Bundle increased | pnpm why <pkg> for dupes; dynamic imports for routes |
| Slow queries | Add indexes; use .lean(); check N+1 queries |
| Memory leak | Close DB connections in tests; check setInterval |
| Build time high | Use Next.js webpack (default); cache aggressively |
RESTful API patterns, request/response formatting, authentication flows, versioning for Resource-Adda. Use when designing API endpoints, planning request bodies, structuring error responses, or implementing authentication.
Clarify requirements before implementing. Do not use automatically, only when invoked explicitly.
Express server scaffolding, plugin architecture, middleware patterns for Resource-Adda. Use when starting backend development, adding middleware, troubleshooting server startup, or creating new plugin modules.
Transforms vague prompts into optimized Claude Code prompts. Adds verification, specific context, constraints, and proper phasing. Invoke with /best-practices.
GitHub Actions workflows, testing automation, deployment triggers for Resource-Adda. Use when setting up CI/CD, automating tests, configuring deployments, or managing workflow triggers.
Linting rules, architecture enforcement, code patterns, tech debt tracking for Resource-Adda. Use when enforcing code conventions, managing tech debt, refactoring, or scaling code patterns.