Total 50,341 skills, Frontend Development has 4855 skills
Showing 12 of 4855 skills
Use when adding a lightweight interactive globe with cobe (canvas setup, markers, interaction, performance, integration with React/Next.js).
Curated Angular best practices for building performant, maintainable applications. Library-specific rules available as optional skills.
Use this to design a nice UI in single html as inspiration & UI exploration.
Universal React UI framework for web and native. Use when building cross-platform apps with Tamagui, creating styled components with `styled()`, configuring design tokens/themes, using Tamagui UI components, or working with animations. Triggers: "tamagui", "styled()", "$token", "XStack/YStack", "useTheme", "@tamagui/*" imports, "createStyledContext", "variants".
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
React library for building user interfaces. Use when building web applications, creating components, managing state, handling side effects, or optimizing performance.
Next.js performance optimization and best practices. Use when writing Next.js code (App Router or Pages Router); implementing Server Components, Server Actions, or API routes; optimizing RSC serialization, data fetching, or server-side rendering; reviewing Next.js code for performance issues; fixing authentication in Server Actions; or implementing Suspense boundaries, parallel data fetching, or request deduplication.
Use when animating notifications, toasts, alerts, snackbars, or system messages to grab attention appropriately
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Vue 3 performance optimization and best practices guidelines for modern frontend applications. This skill should be used when writing, reviewing, or refactoring Vue 3 code to ensure optimal performance patterns, proper Composition API usage, and modern development practices. Triggers on tasks involving Vue 3 components, Composition API, reactivity, state management, or performance optimization.
Comprehensive React and Next.js performance optimization guide. Covers waterfall elimination, bundle size reduction, server-side optimization, re-render prevention, and rendering performance. Use when building, reviewing, or optimizing React/Next.js applications for speed.