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 43,503 skills, Frontend Development has 4473 skills

Categories

Showing 12 of 4473 skills

Per page
Downloads
Sort
Frontend Developmentdylantarre/animation-prin...

lists-grids

Use when animating lists, grids, tables, or collections of items to create smooth ordering, filtering, and loading states

🇺🇸|EnglishTranslated
22
Frontend Developmentdylantarre/animation-prin...

lottie-bodymovin

Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects

🇺🇸|EnglishTranslated
22
Frontend Developmentdylantarre/animation-prin...

implementation-debugging

Use when animation doesn't work as expected, has bugs, or behaves inconsistently

🇺🇸|EnglishTranslated
21
Frontend Developmentdylantarre/animation-prin...

navigation-menus

Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions

🇺🇸|EnglishTranslated
21
Frontend Developmentclerk/skills

clerk-nextjs-patterns

Advanced Next.js patterns - middleware, Server Actions, caching with Clerk.

🇺🇸|EnglishTranslated
21
Frontend Developmentnodeops-app/skills

nodeops-auth

Add NodeOps PKCE OAuth authentication to a Next.js app. Trigger when the user wants to set up NodeOps login, integrate NodeOps OAuth, add @nodeops-createos/integration-oauth, or connect a Next.js project to NodeOps identity/SSO. Also trigger on "add NodeOps auth", "setup NodeOps authentication", or "add NodeOps login".

🇺🇸|EnglishTranslated
21
Frontend Developmentdylantarre/animation-prin...

accessibility-advocate

Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.

🇺🇸|EnglishTranslated
20
Frontend Developmentvuejs-ai/skills

vue-pinia-best-practices

Pinia stores, state management patterns, store setup, and reactivity with stores.

🇺🇸|EnglishTranslated
20
Frontend Developmentdylantarre/animation-prin...

loading-states

Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.

🇺🇸|EnglishTranslated
20
Frontend Developmentdylantarre/animation-prin...

scroll-animations

Use when triggering animations on scroll - reveal effects, parallax, sticky headers, progress indicators, or any scroll-linked motion.

🇺🇸|EnglishTranslated
20
Frontend Developmentdylantarre/animation-prin...

orchestrated-sequences

Use when building multi-part animation sequences - staggered reveals, choreographed UI, coordinated motion where multiple elements work together

🇺🇸|EnglishTranslated
20
Frontend Developmentdylantarre/animation-prin...

calm-relaxation

Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.

🇺🇸|EnglishTranslated
20
1...1213141516...373
Page