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,611 skills, Frontend Development has 4876 skills

Categories

Showing 12 of 4876 skills

Per page
Downloads
Sort
Frontend Developmentbergside/awesome-design-m...

glassmorphism

Frosted glass effect with translucent layers, subtle blur, and luminous borders for depth and modern elegance.

🇺🇸|EnglishTranslated
10
Frontend Developmentsyncfusion/react-ui-compo...

syncfusion-react-notifications

Comprehensive guide for implementing Syncfusion React Notification components including Message, Skeleton and Toast and Spinner. Use this when showing informational, success, warning, or error messages; configuring severity levels and display variants (Text, Outlined, Filled); handling message dismissal; toast positioning, toast templates, toast animations; displaying skeleton loading placeholders with shimmer animations (Wave, Pulse, Fade) and shapes (Circle, Rectangle, Text); or customizing notification appearance and accessibility.

🇺🇸|EnglishTranslated
10
Frontend Developmentpatternsdev/skills

preload

Inform the browser of critical resources before they are naturally discovered to speed up loading.

🇺🇸|EnglishTranslated
10
Frontend Developmentpatternsdev/skills

observer-pattern

Use observables to notify subscribers when an event occurs for decoupled event-driven communication.

🇺🇸|EnglishTranslated
10
Frontend Developmentpatternsdev/skills

import-on-visibility

Load non-critical components when they become visible in the viewport.

🇺🇸|EnglishTranslated
10
Frontend Developmentflora131/atomic

polish

Performs a final quality pass fixing alignment, spacing, consistency, and micro-detail issues before shipping. Use when the user mentions polish, finishing touches, pre-launch review, something looks off, or wants to go from good to great.

🇺🇸|EnglishTranslated
10
Frontend Developmentflora131/atomic

adapt

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.

🇺🇸|EnglishTranslated
10
Frontend Developmentflora131/atomic

overdrive

Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.

🇺🇸|EnglishTranslated
10
Frontend Developmentonmax/nuxt-skills

vue

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance

🇺🇸|EnglishTranslated
10
Frontend Developmentonmax/nuxt-skills

reka-ui

Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.

🇺🇸|EnglishTranslated
10
1 scripts/Attention
Frontend Developmentsickn33/antigravity-aweso...

web-performance-optimization

Optimize website and web application performance including loading speed, Core Web Vitals, bundle size, caching strategies, and runtime performance

🇺🇸|EnglishTranslated
10
Frontend Developmentsickn33/antigravity-aweso...

react-patterns

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

🇺🇸|EnglishTranslated
10
1...189190191192193...407
Page