reactive-dashboard-performance

What problem does it solve?

This Skill addresses the critical challenge of building highly performant and reliably tested reactive dashboards, ensuring sub-100ms load times and robust test coverage.

Core Features & Use Cases

• Performance Optimization: Implements advanced React performance patterns (skeleton-first loading, aggressive caching, code splitting, memoization) inspired by industry leaders like Linear, Vercel, and Notion.
• Testing Strategies: Provides expert guidance on mocking, async handling, and debugging test timeouts for complex reactive applications.
• Use Case: Optimize a slow-loading admin dashboard by applying skeleton-first loading and aggressive caching strategies to achieve a near-instant perceived load time.

Quick Start

Use the reactive-dashboard-performance skill to debug a slow integration test timeout by checking the rendered DOM.