Skill4Agent
Skill4Agent
All SkillsSearchTools
|
Explore
Skill4Agent
Skill4Agent

AI Agent Skills Directory with categorization, English/Chinese translation, and script security checks.

Sitemap

  • Home
  • All Skills
  • Search
  • Tools

About

  • About Us
  • Disclaimer
  • Copyright

Help

  • FAQ
  • Privacy
  • Terms
Contact Us:osulivan147@qq.com

© 2026 Skill4Agent. All rights reserved.

All Skills

Total 50,523 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmentpatternsdev/skills

mediator-pattern

Use a central mediator object to handle communication between components instead of direct coupling.

🇺🇸|EnglishTranslated
11
Frontend Developmentsu69ar/rdnax-gsap-master

gsap-master

Full GSAP v3 mastery for interactive websites: core tweens/timelines, eases, staggers, keyframes, modifiers, utilities, plus complete plugin coverage (ScrollTrigger, ScrollTo, ScrollSmoother, Flip, Draggable, Inertia, Observer, MotionPath, DrawSVG, MorphSVG, SplitText, ScrambleText, TextPlugin, Physics2D/PhysicsProps, CustomEase/Wiggle/Bounce, GSDevTools). Includes Next.js/React patterns (useGSAP, gsap.context cleanup), responsive matchMedia, reduced-motion accessibility, performance best practices, and debugging playbooks.

🇺🇸|EnglishTranslated
11
1 scripts/Checked
Frontend Developmentihlamury/design-skills

substack-ui-skills

Substack's UI design system. Use when building interfaces inspired by Substack's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
11
Frontend Developmentihlamury/design-skills

liveblocks-ui-skills

Liveblocks's UI design system. Use when building interfaces inspired by Liveblocks's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
11
Frontend Developmentihlamury/design-skills

slack-ui-skills

Slack's UI design system. Use when building interfaces inspired by Slack's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
11
Frontend Developmentihlamury/design-skills

vercel-ui-skills

Vercel's UI design system. Use when building interfaces inspired by Vercel's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
11
Frontend Developmentihlamury/design-skills

spotify-ui-skills

Spotify's UI design system. Use when building interfaces inspired by Spotify's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated
11
Frontend Developmentmapbox/mapbox-agent-skill...

mapbox-search-integration

Complete workflow for implementing Mapbox search in applications - from discovery questions to production-ready integration with best practices

🇺🇸|EnglishTranslated
11
Frontend Developmentyonatangross/orchestkit

pwa-patterns

Progressive Web App patterns with Workbox 7.x, service worker lifecycle, offline-first strategies, and installability. Use when building PWAs, service workers, or offline support.

🇺🇸|EnglishTranslated
11
Frontend Developmentsecondsky/claude-skills

inspira-ui

120+ Vue/Nuxt animated components with TailwindCSS v4, motion-v, GSAP, Three.js. Use for hero sections, 3D effects, interactive backgrounds, or encountering setup, CSS variables, motion-v integration errors.

🇺🇸|EnglishTranslated
11
2 scripts/Attention
Frontend Developmentpatricio0312rev/skills

form-wizard-builder

Builds multi-step forms with validation schemas (Zod/Yup), step components, shared state management, progress indicators, review steps, and error handling. Use when creating "multi-step forms", "wizard flows", "onboarding forms", or "checkout processes".

🇺🇸|EnglishTranslated
11
Frontend Developmentsecondsky/claude-skills

nuxt-core

Nuxt 4 core framework fundamentals: project setup, configuration, routing, SEO, error handling, and directory structure. Use when: creating new Nuxt 4 projects, configuring nuxt.config.ts, setting up routing and middleware, implementing SEO with useHead/useSeoMeta, handling errors with error.vue and NuxtErrorBoundary, or understanding Nuxt 4 directory structure. Keywords: Nuxt 4, nuxt.config.ts, file-based routing, pages directory, definePageMeta, useHead, useSeoMeta, error.vue, NuxtErrorBoundary, middleware, navigateTo, NuxtLink, app directory, runtime config

🇺🇸|EnglishTranslated
11
2 scripts/Checked
1...131132133134135...406
Page