Skills
Instructions your agent can follow for layout, type, motion, forms and more.
11 skills
Results
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
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
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
Siteplane Skeletonby UI Skillbook
Decorative shapes that stand in for content while it loads, keeping the layout steady.
Siteplane UI
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
Vercel React Best Practicesby vercel-labs
Vercel React best practices for rendering performance, bundle efficiency, and scalable component architecture.
LayoutExternalGitHub stars: 33.2K
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