cliprace-perf-engineer
CommunityOptimize ClipRace performance
AuthorTomy74-vsc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill identifies and rectifies performance bottlenecks within the ClipRace application, ensuring a smooth and efficient user experience by analyzing component boundaries, data fetching, and rendering.
Core Features & Use Cases
- Performance Audits: Reviews React/Next.js components, server actions, and data-fetching logic.
- Bottleneck Identification: Detects issues like unnecessary client components, bundle size bloat, data waterfalls, CLS, and inefficient list rendering.
- Use Case: When a user reports slow loading times on the admin dashboard, this Skill can pinpoint whether the issue stems from large client-side libraries, sequential data fetches, or unoptimized table rendering, providing actionable recommendations for improvement.
Quick Start
Review the performance of the '/app/admin/dashboard' route and its associated components.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: cliprace-perf-engineer Download link: https://github.com/Tomy74-vsc/cliprace/archive/main.zip#cliprace-perf-engineer Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.