Total 50,523 skills, Frontend Development has 4865 skills
Showing 12 of 4865 skills
Web typography principles based on "On Web Typography" by Jason Santa Maria (A Book Apart, 2014). Use when selecting typefaces, setting body text, creating type hierarchies, pairing fonts, or implementing typography in CSS. Triggers on requests for font selection, readable text, typographic hierarchy, font pairing, or "making text look better."
Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring. Use when improving page load times, implementing service workers, or reducing bundle sizes.
Write well-considered semantic HTML that serves all users. Use when creating components, page structures, or reviewing markup. Emphasizes native HTML elements over ARIA. Treats proper document structure and accessibility as foundations rather than afterthoughts.
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
Comprehensive Next.js development skill covering App Router, Server Components, data fetching, routing patterns, API routes, middleware, and full-stack Next.js applications
Best practices for Zustand state management in React and Next.js applications with TypeScript.
Use when implementing motion design, timeline animations, visual animation editors, animating Three.js/R3F scenes, creating keyframe animations, or using Theatre.js, @theatre/core, @theatre/studio, @theatre/r3f, theatric, or building animation tooling for the web.
Hono JSX - server-side rendering, streaming, async components, and HTML generation patterns
Implement localization (l10n) best practices to adapt applications for specific regions, languages, and cultural preferences.
Translate designs and UI requirements into robust, extensible implementations. Apply when converting designs to code, implementing components, fixing broken UI, or handling responsive layouts.
Optimize and prepare 3D assets for web delivery. Use this skill when working with GLTF/GLB files, compressing 3D models, optimizing textures, setting up Blender exports, or preparing assets for Three.js/R3F. Covers GLTF workflows, Draco/meshopt compression, texture optimization, LOD generation, and performance profiling.
Master React performance optimization with memoization, code splitting, profiling, and Web Vitals monitoring