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,520 skills, Frontend Development has 4475 skills

Categories

Showing 12 of 4475 skills

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

small-200-300ms

Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive

🇺🇸|EnglishTranslated
18
Frontend Developmentgithub/awesome-copilot

legacy-circuit-mockups

Generate breadboard circuit mockups and visual diagrams using HTML5 Canvas drawing techniques. Use when asked to create circuit layouts, visualize electronic component placements, draw breadboard diagrams, mockup 6502 builds, generate retro computer schematics, or design vintage electronics projects. Supports 555 timers, W65C02S microprocessors, 28C256 EEPROMs, W65C22 VIA chips, 7400-series logic gates, LEDs, resistors, capacitors, switches, buttons, crystals, and wires.

🇺🇸|EnglishTranslated
18
Frontend Developmentteachingai/full-stack-ski...

vue2

Provides comprehensive guidance for Vue 2.x development including Options API, components, directives, lifecycle hooks, computed properties, watchers, Vuex state management, and Vue Router. Use when the user asks about Vue 2, needs to create Vue 2 components, implement reactive data binding, handle component communication, or work with Vue 2 ecosystem tools.

🇺🇸|EnglishTranslated
18
Frontend Developmentremix-run/agent-skills

react-router-declarative-mode

Build React applications using React Router's declarative mode with BrowserRouter. Use when configuring routes with JSX, navigating with Link/NavLink, or reading URL params and search params without data loaders or actions.

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

framer-motion

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

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

feedback-indicators

Use when confirming user actions - success checkmarks, error alerts, form validation, save confirmations, or any animation acknowledging what the user did.

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

modals-dialogs

Use when animating modals, dialogs, popovers, or overlay content to create smooth entrances and exits

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

medium-300-500ms

Use when building standard animations between 300-500ms - page transitions, significant UI changes, animated illustrations that need clear communication

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

urgency-action

Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.

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

continuous-infinite

Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue

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

gesture-responses

Use when responding to touch or click interactions - button presses, drag feedback, swipe responses, tap ripples, or any direct manipulation animation.

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

slow-800-1200ms

Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb

🇺🇸|EnglishTranslated
17
1...1415161718...373
Page