Frontend
The best skills for engineering-related work, like building, testing, reviewing and shipping software.
zoom-video-sdk-webopenai/pluginsAdd browser video sessions, screen share and live transcription with Zoom Video SDK★7.6K
zoom-video-sdk-webAdd browser video sessions, screen share and live transcription with Zoom Video SDK
zoom-virtual-agent-webopenai/pluginsEmbed the Zoom Virtual Agent chat on web pages with event controls and CSP★7.6K
zoom-virtual-agent-webEmbed the Zoom Virtual Agent chat on web pages with event controls and CSP
bookerBuilderIO/agent-nativeExplain the public booking flow, its state machine and URL state sync★7.5K
bookerExplain the public booking flow, its state machine and URL state sync
embedsBuilderIO/agent-nativeGenerate inline, popup and floating-button booking embeds with theming★7.5K
embedsGenerate inline, popup and floating-button booking embeds with theming
figma-implement-designtech-leads-club/agent-skillsTurn Figma nodes into production code with matching visual fidelity via the Figma MCP★7.1K
figma-implement-designTurn Figma nodes into production code with matching visual fidelity via the Figma MCP
perf-astrotech-leads-club/agent-skillsReach 95+ Lighthouse scores on Astro sites with critical CSS and LCP fixes★7.1K
perf-astroReach 95+ Lighthouse scores on Astro sites with critical CSS and LCP fixes
react-best-practicestech-leads-club/agent-skillsApply React and Next.js performance patterns from Vercel Engineering to your code★7.1K
react-best-practicesApply React and Next.js performance patterns from Vercel Engineering to your code
react-composition-patternstech-leads-club/agent-skillsRefactor React components with compound components, render props and context★7.1K
react-composition-patternsRefactor React components with compound components, render props and context
animation-on-scrollMengTo/SkillsTrigger element animations on scroll with IntersectionObserver and Tailwind classes★7.1K
animation-on-scrollTrigger element animations on scroll with IntersectionObserver and Tailwind classes
beam-glow-statesMengTo/SkillsAdd React loading and selected states with animated border-beam edge glow★7.1K
beam-glow-statesAdd React loading and selected states with animated border-beam edge glow
build-awwwards-quality-sitesMengTo/SkillsBuild art-directed marketing and portfolio sites with GSAP motion and smooth scroll★7.1K
build-awwwards-quality-sitesBuild art-directed marketing and portfolio sites with GSAP motion and smooth scroll
build-interactive-particle-trailMengTo/SkillsBuild a cursor particle trail that emits by distance into a recycled GPU point pool★7.1K
build-interactive-particle-trailBuild a cursor particle trail that emits by distance into a recycled GPU point pool
cinematic-gsap-lenis-motion-systemMengTo/SkillsBuild cinematic web motion with GSAP, ScrollTrigger and Lenis smooth scrolling★7.1K
cinematic-gsap-lenis-motion-systemBuild cinematic web motion with GSAP, ScrollTrigger and Lenis smooth scrolling
cinematic-scroll-storytellingMengTo/SkillsBuild scroll-driven landing pages with Lenis, ScrollTrigger and sticky card stacks★7.1K
cinematic-scroll-storytellingBuild scroll-driven landing pages with Lenis, ScrollTrigger and sticky card stacks
cobejsMengTo/SkillsAdd a lightweight interactive globe with markers and pointer interaction using cobe★7.1K
cobejsAdd a lightweight interactive globe with markers and pointer interaction using cobe
css-alpha-maskingMengTo/SkillsAdd soft CSS edge fades with linear-gradient alpha masks and mask-image★7.1K
css-alpha-maskingAdd soft CSS edge fades with linear-gradient alpha masks and mask-image
css-border-gradientMengTo/SkillsAdd refined gradient borders and edge highlights to cards, panels and nav bars★7.1K
css-border-gradientAdd refined gradient borders and edge highlights to cards, panels and nav bars
fire-paper-loaderMengTo/SkillsBuild a burning-paper loading ring drawn in a Web Worker so the page cannot freeze it★7.1K
fire-paper-loaderBuild a burning-paper loading ring drawn in a Web Worker so the page cannot freeze it
gsapMengTo/SkillsBuild and debug GSAP timelines, ScrollTrigger and stagger animations on the web★7.1K
gsapBuild and debug GSAP timelines, ScrollTrigger and stagger animations on the web
gsap-scrolltrigger-storytellingMengTo/SkillsBuild sticky product stories that reveal UI and animate with GSAP ScrollTrigger★7.1K
gsap-scrolltrigger-storytellingBuild sticky product stories that reveal UI and animate with GSAP ScrollTrigger
horizontal-scroll-scenesMengTo/SkillsBuild scene chapters that advance sideways on a fixed stage as you scroll down★7.1K
horizontal-scroll-scenesBuild scene chapters that advance sideways on a fixed stage as you scroll down
liquid-metal-borderMengTo/SkillsAdd animated liquid-metal WebGL borders to buttons, chips, cards and tabs in React★7.1K
liquid-metal-borderAdd animated liquid-metal WebGL borders to buttons, chips, cards and tabs in React
marquee-loopMengTo/SkillsBuild infinite marquee loops by duplicating items in the track★7.1K
marquee-loopBuild infinite marquee loops by duplicating items in the track
masked-revealMengTo/SkillsReveal headings word by word through an overflow mask on scroll with GSAP★7.1K
masked-revealReveal headings word by word through an overflow mask on scroll with GSAP
matterjsMengTo/SkillsBuild 2D physics scenes with Matter.js bodies, constraints and canvas rendering★7.1K
matterjsBuild 2D physics scenes with Matter.js bodies, constraints and canvas rendering
optimize-web-animationsMengTo/SkillsFind memory leaks and slow animation loops in long-running web pages★7.1K
optimize-web-animationsFind memory leaks and slow animation loops in long-running web pages
pointer-trail-emitterMengTo/SkillsBuild a cursor trail with constant spacing at any speed by emitting per distance★7.1K
pointer-trail-emitterBuild a cursor trail with constant spacing at any speed by emitting per distance
progressive-blurMengTo/SkillsAdd a layered progressive blur overlay to the top or bottom edge with CSS masks★7.1K
progressive-blurAdd a layered progressive blur overlay to the top or bottom edge with CSS masks
scroll-progress-timelineMengTo/SkillsTurn an ordered process into a scroll-driven timeline with progress and active steps★7.1K
scroll-progress-timelineTurn an ordered process into a scroll-driven timeline with progress and active steps
scroll-scrubbed-visual-sequenceMengTo/SkillsScrub video, image sequences or canvas with reversible scroll-controlled transforms★7.1K
scroll-scrubbed-visual-sequenceScrub video, image sequences or canvas with reversible scroll-controlled transforms
scroll-scrubbed-word-revealMengTo/SkillsReveal text word by word as you scroll while keeping links and emphasis intact★7.1K
scroll-scrubbed-word-revealReveal text word by word as you scroll while keeping links and emphasis intact
scroll-world-storytellingMengTo/SkillsTurn a long story into a scroll-driven landing page with video, 3D or SVG scenes★7.1K
scroll-world-storytellingTurn a long story into a scroll-driven landing page with video, 3D or SVG scenes
staggered-word-revealMengTo/SkillsFade and rise each word into place as it enters the viewport with IntersectionObserver★7.1K
staggered-word-revealFade and rise each word into place as it enters the viewport with IntersectionObserver
tailwindcssMengTo/SkillsBuild responsive, themed web layouts and components with Tailwind CSS★7.1K
tailwindcssBuild responsive, themed web layouts and components with Tailwind CSS
thinking-orbsMengTo/SkillsAdd accessible animated AI loading orbs with the thinking-orbs React library★7.1K
thinking-orbsAdd accessible animated AI loading orbs with the thinking-orbs React library
nuxt-uinuxt/uiBuild Vue interfaces with Nuxt UI v4 components and Tailwind CSS theming★7K
nuxt-uiBuild Vue interfaces with Nuxt UI v4 components and Tailwind CSS theming
astromidudev/autoskillsBuild Astro components, pages, content collections and SSR sites★7K
chrome-extension-developmentmidudev/autoskillsBuild Manifest V3 Chrome extensions with content scripts, popups and permissions★7K
chrome-extension-developmentBuild Manifest V3 Chrome extensions with content scripts, popups and permissions
clerk-custom-uimidudev/autoskillsBuild custom Clerk sign-in flows and style auth components to match your brand★7K
clerk-custom-uiBuild custom Clerk sign-in flows and style auth components to match your brand
clerk-nextjs-patternsmidudev/autoskillsApply Clerk auth patterns to Next.js middleware, Server Actions and caching★7K
clerk-nextjs-patternsApply Clerk auth patterns to Next.js middleware, Server Actions and caching
clerk-nuxt-patternsmidudev/autoskillsProtect Nuxt 3 routes and API endpoints with Clerk middleware and composables★7K
clerk-nuxt-patternsProtect Nuxt 3 routes and API endpoints with Clerk middleware and composables
clerk-react-patternsmidudev/autoskillsSet up Clerk in a Vite or CRA React app with hooks and protected routes★7K
clerk-react-patternsSet up Clerk in a Vite or CRA React app with hooks and protected routes
clerk-react-router-patternsmidudev/autoskillsProtect React Router v7 loaders and routes with Clerk auth and SSR user data★7K
clerk-react-router-patternsProtect React Router v7 loaders and routes with Clerk auth and SSR user data
clerk-tanstack-patternsmidudev/autoskillsGuard TanStack Start routes and server functions with Clerk auth★7K
clerk-tanstack-patternsGuard TanStack Start routes and server functions with Clerk auth
clerk-vue-patternsmidudev/autoskillsAdd Clerk auth to Vue 3 with composables, router guards and Pinia★7K
clerk-vue-patternsAdd Clerk auth to Vue 3 with composables, router guards and Pinia
fluentui-blazormidudev/autoskillsBuild Blazor apps with Fluent UI components from the Fluent UI NuGet package★7K
fluentui-blazorBuild Blazor apps with Fluent UI components from the Fluent UI NuGet package
react-hook-formmidudev/autoskillsOptimize React Hook Form performance with useForm, useWatch and field arrays★7K
react-hook-formOptimize React Hook Form performance with useForm, useWatch and field arrays
svelte-code-writermidudev/autoskillsLook up Svelte 5 docs and analyze components with the Svelte CLI tools★7K
svelte-code-writerLook up Svelte 5 docs and analyze components with the Svelte CLI tools
svelte5-best-practicesmidudev/autoskillsWrite Svelte 5 components with runes, snippets and SvelteKit patterns★7K
svelte5-best-practicesWrite Svelte 5 components with runes, snippets and SvelteKit patterns
tailwind-css-patternsmidudev/autoskillsStyle React, Vue or Svelte layouts with Tailwind utilities and responsive patterns★7K
tailwind-css-patternsStyle React, Vue or Svelte layouts with Tailwind utilities and responsive patterns