Loading...
Loading...
Found 49 Skills
GSAP animations for JARVIS HUD transitions and effects
Reduce JavaScript and CSS bundle sizes through code splitting, tree shaking, and optimization techniques. Improve load times and overall application performance.
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.
Prioritized TypeScript React code review guidelines. Focuses on type safety, React conventions, performance, security, architecture, accessibility, error handling, and testing. First scan the code to identify issues, then obtain solutions and review comment templates from the references/ directory.
Use when designing or building modern web applications in JavaScript/TypeScript (SPA/SSR/SSG/ISR/RSC): architecture trade-offs, state/data patterns, performance, testing, delivery, and team scaling.
React expert for hooks, state management, Server Components, and performance optimization
Use this skill when optimizing Core Web Vitals - LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift). Triggers on page speed optimization, Lighthouse score improvement, fixing layout shifts, improving responsiveness, setting up performance monitoring with CrUX or RUM, and framework-specific CWV fixes for Next.js, Nuxt, Astro, and Remix.
Load non-critical resources when a user interacts with UI requiring it.
Guard serialization and canvas-render pipeline performance against regressions. Use when modifying serializeTimelineDirect.ts or any hot path in the foreignObject/native render pipeline to ensure changes don't increase p95 frame-capture time.
Use when loading all data upfront. Use when initial page load is slow. Use when fetching data that might not be needed.
Optimize rendering of large lists by only displaying items visible in the viewport (windowing).
Replay a HAR file as a mock backend to reproduce frontend performance issues with production data. Use when asked to replay a HAR file, reproduce a dashboard with a HAR, or test frontend performance with captured traffic.