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-multiselect

Implement Syncfusion React MultiSelect Dropdown component for multi-value selection. Use this when working with multi-select dropdowns, checkbox list pickers, or tag/chip selection interfaces. This skill covers data binding, filtering, grouping, templates, accessibility, custom values, checkbox mode, virtual scrolling, and styling options.

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

syncfusion-react-calendar

Comprehensive guide for implementing the Syncfusion React Calendar component with quick navigation, when-to-use guidance, and reference links for common tasks. Use this skill for copy-paste-ready examples and decision guidance for date selection UI in React applications.

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

syncfusion-react-datetimepicker

Comprehensive guide for implementing the Syncfusion React DateTimePicker component. Use this when working with combined date and time inputs, datetime formatting, localization, or keyboard-accessible UIs in React applications. Covers component setup, event handling, and accessibility patterns.

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

syncfusion-angular-daterangepicker

Comprehensive guide for implementing the Syncfusion Angular DateRangePicker component. Use this when working with date range selection, preset ranges, range validation, or date constraints in Angular applications. Covers DateRangePicker API, events, formatting, and accessibility patterns.

🇺🇸|EnglishTranslated
9
Frontend Developmentsyncfusion/javascript-ui-...

syncfusion-javascript-chart

Implements Syncfusion JavaScript chart controls (Line, Area, Bar, Column, Pie, Polar, Radar, Waterfall, Stock). Use when building interactive data visualizations, dashboards, or real-time charts. Covers series and axes configuration, styling, animations, exporting, and technical indicators. Works with TypeScript (webpack/modules) and JavaScript (CDN/ES5).

🇺🇸|EnglishTranslated
9
Frontend Developmentheygen-com/hyperframes

gsap-effects

Ready-made GSAP animation effects for HyperFrames compositions. Use when adding typewriter text, text reveals, or character-by-character animation to a composition. Reference files contain copy-paste patterns.

🇺🇸|EnglishTranslated
9
Frontend Developmentaffaan-m/everything-claud...

ui-demo

Record polished UI demo videos using Playwright. Use when the user asks to create a demo, walkthrough, screen recording, or tutorial video of a web application. Produces WebM videos with visible cursor, natural pacing, and professional feel.

🇺🇸|EnglishTranslated
9
Frontend Developmentgithub/copilot-plugins

spark-app-template

Comprehensive guidance for building web apps with opinionated defaults for tech stack, design system, and code standards. Use when user wants to create a new web application, dashboard, or interactive interface. Provides tech choices, styling guidance, project structure, and design philosophy to get users up and running quickly with a fully functional, beautiful web app.

🇺🇸|EnglishTranslated
9
Frontend Developmentharperaa/secure-claude-sk...

authentication-authorization-clerk

Implement secure authentication and authorization using Clerk. Use this skill when you need to authenticate users, protect routes, check permissions, implement subscription-based access control, or integrate Clerk with your application. Triggers include "authentication", "auth", "authorization", "Clerk", "protect route", "check user", "sign in", "session", "permissions", "subscription access".

🇺🇸|EnglishTranslated
9
Frontend Developmentiblai/vibe

iblai-analytics

Add analytics dashboard page to your Next.js app

🇺🇸|EnglishTranslated
9
Frontend Developmentsyncfusion/winui-ui-compo...

syncfusion-winui-scheduler

Implements Syncfusion WinUI Scheduler (SfScheduler) control for appointment and calendar management in desktop applications. Use this when building scheduler views, appointment booking systems, or resource scheduling in WinUI. This skill covers view types (Day, Week, Month, Timeline), appointment management, recurrence patterns, and drag-and-drop interactions.

🇺🇸|EnglishTranslated
9
Frontend Developmentsyncfusion/winui-ui-compo...

syncfusion-winui-treegrid

Guide for implementing Syncfusion WinUI TreeGrid (SfTreeGrid) components for displaying hierarchical or self-relational data. Use this skill when working with tree-structured grids, parent-child data relationships, or expandable grid rows. Covers TreeGrid features for organizational charts, file system displays, and multi-level data representation in WinUI applications.

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