Performance skills
Loading, rendering and perceived speed, so the interface feels fast.
34 skills
Skills
Next Cache Componentsby vercel
Enable Cache Components in a Next.js app and resolve blocking routes surfaced during adoption.
PerformanceExternalGitHub stars: 143.2K
Next Cache Components Optimizerby vercel
Drive a Next.js route to instant navigation under Cache Components using a failing Playwright test and an agentic fix loop.
PerformanceExternalGitHub stars: 143.2K
Auditby pbakaus
Run technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.
AccessibilityExternalGitHub stars: 95.1K
Optimizeby pbakaus
Diagnose and improve interface performance across rendering, motion smoothness, assets, and load speed.
PerformanceExternalGitHub stars: 95.1K
Improve Animationsby emilkowalski
Survey a codebase's animation and motion code as a senior motion advisor, then produce prioritized audit and self-contained implementation plans. Read-only on source code - it plans improvements, it does not apply them. Use when the user asks to improve animations, audit motion, make an app feel better, or wants a roadmap of animation fixes rather than a review of a single diff.
MotionExternalGitHub stars: 51.4K
Review Animationsby emilkowalski
Review animation quality, timing, and motion consistency with a production-critical eye.
MotionExternalGitHub stars: 51.4K
Vercel React Best Practicesby vercel-labs
Vercel React best practices for rendering performance, bundle efficiency, and scalable component architecture.
LayoutExternalGitHub stars: 33.2K
Gsap Performanceby greensock
Official GSAP performance guidance for compositor-friendly transforms, quickTo, stagger batching, and smooth 60fps animation.
MotionExternalGitHub stars: 17.5K
Improve Reactby millionco
Survey a React codebase using React Doctor's findings, then produce prioritized audits and self-contained implementation plans without modifying source code.
PerformanceExternalGitHub stars: 15.1K
React Doctorby millionco
Run React Doctor to detect regressions in security, performance, correctness, and architecture, with score-based quality checks.
PerformanceExternalGitHub stars: 15.1K
Fixing Motion Performanceby 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.
MotionExternalGitHub stars: 10.4K
Antfuby antfu
Anthony Fu's opinionated tooling and conventions for JavaScript/TypeScript projects.
LayoutExternalGitHub stars: 6K
Nuxtby antfu
Nuxt full-stack Vue framework guidance for SSR, auto-imports, file-based routing, and server routes.
LayoutExternalGitHub stars: 6K
Pnpmby antfu
pnpm package manager guidance for strict dependency resolution, workspaces, catalogs, patches, and overrides.
LayoutExternalGitHub stars: 6K
Tsdownby antfu
Bundle TypeScript and JavaScript libraries with tsdown, including declarations and multi-format builds.
PerformanceExternalGitHub stars: 6K
Turborepoby antfu
Turborepo monorepo build system guidance for pipelines, caching, filtering, CI, and package boundaries.
PerformanceExternalGitHub stars: 6K
Viteby antfu
Vite configuration and plugin guidance, including SSR and Vite 8 Rolldown migration patterns.
PerformanceExternalGitHub stars: 6K
Vue Best Practicesby antfu
Vue.js best practices emphasizing Composition API with script setup and TypeScript.
LayoutExternalGitHub stars: 6K
Threejs Geometryby cloudai-x
Three.js geometry patterns for built-in shapes, BufferGeometry, custom meshes, and instancing.
VisualExternalGitHub stars: 3.8K
Threejs Loadersby cloudai-x
Three.js asset loading patterns for GLTF, textures, HDR assets, async loading, and progress handling.
VisualExternalGitHub stars: 3.8K
Threejs Postprocessingby cloudai-x
Three.js post-processing techniques with EffectComposer, bloom, depth of field, and screen-space effects.
VisualExternalGitHub stars: 3.8K
Vue Best Practicesby vuejs-ai
Core Vue development best practices for component architecture, reactivity, and maintainable code.
LayoutExternalGitHub stars: 3.2K
Best Practicesby addyosmani
Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".
PerformanceExternalGitHub stars: 3K
Core Web Vitalsby addyosmani
Optimize Core Web Vitals (LCP, INP, CLS) for better page experience using field and lab evidence. Use when asked to "improve Core Web Vitals", "fix LCP", "reduce CLS", "optimize INP", "page experience optimization", or "fix layout shifts".
PerformanceExternalGitHub stars: 3K
Performanceby addyosmani
Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".
PerformanceExternalGitHub stars: 3K
Seoby addyosmani
Optimize for search engine visibility and ranking. Use when asked to "improve SEO", "optimize for search", "fix meta tags", "add structured data", "sitemap optimization", or "search engine optimization".
PerformanceExternalGitHub stars: 3K
Web Quality Auditby addyosmani
Web quality auditing skill for Lighthouse-style analysis across performance, accessibility, best practices, and SEO signals.
PerformanceExternalGitHub stars: 3K
React Native Best Practicesby callstackincubator
React Native performance optimization guidelines for FPS, TTI, bundle size, memory leaks, re-renders, and animations.
ResponsiveExternalGitHub stars: 1.7K
Seoby iannuttall
Use for SEO audits, rankings, keyword research, indexing, metadata, Search Console, GA4, and AI search visibility. Routes to evidence-backed reports through the local SEO CLI and MCP server.
LayoutExternalGitHub stars: 603
Webgl Componentsby flornkm
Build small, always-on WebGL visuals (identity avatars, ambient orbs, glass and iridescent surfaces, animated textures) that ship inside a normal web app UI without wrecking performance, accessibility, SSR, or layout. Use whenever a shader-, GLSL-, or canvas-driven decorative element is added to a product UI, especially one rendered many times per page or per list; when reviewing or optimizing one; or when debugging one that renders blurry, aliased, all-black, or paints over the surrounding UI on machines without hardware acceleration.
VisualExternalGitHub stars: 115
60fps Animationby iart-ai
Web animation performance guidance for avoiding layout thrashing and reaching smooth 60/120fps motion with compositor-friendly techniques.
MotionExternalGitHub stars: 64
To Spring or Not to Springby raphaelsalaja
Audit animation timing choices to decide when springs versus easing curves produce better motion.
MotionExternalGitHub stars: 42
Siteplane Motionby UI Skillbook
Ready-made parts that animate list items entering, leaving and moving, content swaps and changing numbers.
Siteplane UI
Siteplane Skeletonby UI Skillbook
Decorative shapes that stand in for content while it loads, keeping the layout steady.
Siteplane UI