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,542 skills, Frontend Development has 4868 skills

Categories

Showing 12 of 4868 skills

Per page
Downloads
Sort
Frontend Developmentsyncfusion/react-ui-compo...

syncfusion-react-list-box

Guide for implementing Syncfusion React ListBox component. Use this when working with list selection components, build dropdown-like lists with custom templates, enable multi-selection, implement drag-and-drop functionality, add filtering/searching to lists, create accessibility-compliant list boxes, or need to handle list item templates and styling. Perfect for selection menus, item pickers, dual-list transfers, and filterable item lists.

🇺🇸|EnglishTranslated
10
Frontend Developmentneogenz/skills

angular-architecture

This skill should be used when the user asks "where should I put this", "can X import from Y", "Angular folder structure", mentions feature isolation, lazy loading placement, dependency violations, architecture audit, circular dependency, import cycle, barrel file, bundle size, initial load performance, signal store placement, state management, or when creating/moving Angular components, services, or modules between folders. Also use when reviewing PRs for architectural compliance, scaffolding new features, or setting up eslint-boundaries. Angular enterprise architecture advisor for placement decisions, dependency rules, isolation patterns, and architectural verification.

🇺🇸|EnglishTranslated
10
Frontend Developmentvtexdocs/ai-skills

vtex-io-render-runtime-and-blocks

Apply when connecting React components to Store Framework blocks and render-runtime behavior in VTEX IO. Covers interfaces.json, block registration, block composition, and how storefront components become configurable theme blocks. Use for block mapping, theme integration, or reviewing whether a React component is correctly exposed to Store Framework.

🇺🇸|EnglishTranslated
10
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

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 Developmentpatternsdev/skills

container-presentational

Teaches the container/presentational pattern for Vue components. Use when you want to separate data fetching and business logic from presentation for better testability and reuse.

🇺🇸|EnglishTranslated
10
Frontend Developmentdedalus-erp-pas/foundatio...

typescript-migration

Guide pour la migration incrémentale de codebases JavaScript vers TypeScript. Couvre la configuration tsconfig, la migration fichier par fichier, les stratégies de typage pour le code legacy, la gestion du `any` et les pièges courants. À utiliser quand l'utilisateur veut convertir du JS en TS, ajouter des types au code existant, configurer TypeScript dans un projet JS ou améliorer la sûreté de typage.

🇺🇸|EnglishTranslated
9
Frontend Developmentsyncfusion/angular-ui-com...

syncfusion-angular-kanban

Create and manage interactive Kanban boards with Syncfusion Angular component. Use this skill when you need to build workflow visualization tools with drag-and-drop cards, swimlanes, columns, and real-time data binding. Covers setup, configuration, events, properties, methods, and best practices for implementing task management and project tracking interfaces.

🇺🇸|EnglishTranslated
9
1...203204205206207...406
Page