性能
性能分析与优化
用途与选择建议
这类技能用于检查正确性、安全性和运行表现。优先选择能够说明判断依据并提供可复现验证的工作流，再将结果与项目约定及实际测量基线对照。
长列表虚拟滚动优化方案
TencentBlueKing
处理超过 1000 条数据的大型列表渲染时的性能优化方案，包含定高和不定高两种策略。
intelligent-cache
dadbodgeoff
Multi-layer caching with type-specific TTLs, get-or-generate pattern, memory and database layers, and graceful invalidation without cache stampede.
caching-strategies
dadbodgeoff
Implement multi-layer caching with Redis, in-memory, and HTTP caching. Covers cache invalidation, stampede prevention, and cache-aside patterns.
code-review
markus41
Comprehensive code review knowledge including security, performance, accessibility, and quality standards across multiple languages and frameworks
performance-management
pluginagentmarketplace
Master performance management, goal-setting, OKRs, reviews, feedback, and metrics for engineering teams
Lighthouse Performance Analysis
srsubramanian
Comprehensive Lighthouse CLI performance analysis - automated audits, Core Web Vitals, opportunities, and diagnostics
Web Performance Analysis (Chrome DevTools)
srsubramanian
Interactive web performance analysis using Chrome DevTools MCP - live profiling, network inspection, caching analysis, and real-time debugging
chrome_perf_analyzer
srsubramanian
Analyze Chrome DevTools Performance trace JSON files. Use when the user uploads a Chrome Performance trace (.json) and asks questions like "what network calls happened between X and Y", "what took the most time", "show me long tasks", "what was slow", or any query about timing, network requests, or performance bottlenecks in the trace.
hindsight-recall
vectorize-io
Search long-term memory for relevant context from past coding sessions using Hindsight MCP tools
react-doctor
PostHog
Diagnose and fix React codebase health issues. Use when reviewing React code, fixing performance problems, auditing security, or improving code quality.
django-startup-time
PostHog
Keep heavy imports off the django.setup() path that every process (web, celery, temporal, migrate, shell, CI) pays for. Use when touching AppConfig.ready(), wiring signal receivers, editing the lazy API router (posthog/api/rest_router.py or its init.py shim), deferring a heavy import, when the startup-import-budget guard fails, or when merging master into a long-lived branch that made the router lazy.
optimizing-attention-flash
NousResearch
Optimizes transformer attention with Flash Attention for 2-4x speedup and 10-20x memory reduction. Use when training/running transformers with long sequences (>512 tokens), encountering GPU memory issues with attention, or need faster inference. Supports PyTorch native SDPA, flash-attn library, H100 FP8, and sliding window attention.
hindsight-docs
vectorize-io
Complete Hindsight documentation for AI agents. Use this to learn about Hindsight architecture, APIs, configuration, and best practices.
fixing-motion-performance
ibelick
Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.
clickhouse-io
affaan-m
ClickHouse database patterns, query optimization, analytics, and data engineering best practices for high-performance analytical workloads.
vercel-react-best-practices
langfuse
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.
performance-review
mastra-ai
Performance-focused code review for identifying bottlenecks and optimization opportunities
code-reviewer
Shubhamsaboo
Thorough code review with focus on security, performance, and best practices. Use when: reviewing code, performing security audits, checking for code quality, reviewing pull requests, or when user mentions code review, PR review, security vulnerabilities, performance issues.
3d-web-experience
sickn33
Expert in building 3D experiences for the web - Three.js, React
agent-orchestration-multi-agent-optimize
sickn33
"Optimize multi-agent systems with coordinated profiling, workload distribution, and cost-aware orchestration. Use when improving agent performance, throughput, or reliability."
auto-perf-optimize
microsoft
"Run agent-driven VS Code performance or memory investigations. Use when asked to launch Code OSS, automate a VS Code scenario, run the Chat memory smoke runner, capture renderer heap snapshots, take workflow screenshots, compare run summaries, or drive a repeatable scenario before heap-snapshot analysis."
cpu-profile-analysis
microsoft
"Analyze V8/Chrome CPU profiles (.cpuprofile) and DevTools trace files (Trace-*.json). Use when: profiling performance, investigating slow functions, comparing code paths, finding bottlenecks, analyzing timeToRequest, understanding call trees from sampling profiler data, analyzing layout/paint/rendering, investigating user timing marks."
chat-perf
microsoft
Run chat perf benchmarks and memory leak checks against the local dev build or any published VS Code version. Use when investigating chat rendering regressions, validating perf-sensitive changes to chat UI, or checking for memory leaks in the chat response pipeline.
nextjs-developer
Jeffallan
"Use when building Next.js 14+ applications with App Router, server components, or server actions. Invoke to configure route handlers, implement middleware, set up API routes, add streaming SSR, write generateMetadata for SEO, scaffold loading.tsx/error.tsx boundaries, or deploy to Vercel. Triggers on: Next.js, Next.js 14, App Router, RSC, use server, Server Components, Server Actions, React Server Components, generateMetadata, loading.tsx, Next.js deployment, Vercel, Next.js performance."