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 44,022 skills, Frontend Development has 4495 skills

Categories

Showing 12 of 4495 skills

Per page
Downloads
Sort
Frontend Developmentshaom/infocard-skills

editorial-card-screenshot

Generate high-density editorial HTML info cards in a modern magazine and Swiss-international style, then capture them as ratio-specific screenshots. Use when the user provides text or core information and wants: (1) a complete responsive HTML info card, (2) the design to follow the stored editorial prompt, (3) output in fixed visual ratios such as 3:4, 4:3, 1:1, 16:9, 9:16, 2.35:1, or 5:2, or (4) both HTML and a rendered PNG cover/card from the same content.

🇺🇸|EnglishTranslated
7
1 scripts/Checked
Frontend Developmentdylantarre/animation-prin...

accessible-motion

Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.

🇺🇸|EnglishTranslated
7
Frontend Developmentangular/skills

angular-new-app

Creates a new Angular app using the Angular CLI. This skill should be used whenver a user wants to create a new Angular application and contains important guidelines for how to effectively create a modern Angular application.

🇺🇸|EnglishTranslated
7
Frontend Developmentnext-safe-action/skills

safe-action-validation-errors

Use when working with validation errors -- returnValidationErrors, formatted vs flattened shapes, custom validation error shapes, throwValidationErrors, or displaying field-level and form-level errors

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

syncfusion-react-blockeditor

Implement the Syncfusion React BlockEditor component. Use this skill for block-based rich content editing, document creation, CMS interfaces, markdown alternatives, editor setup, block configuration, toolbar or menu customization, drag-and-drop behavior, formatting options, APIs, and accessibility in React.

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

syncfusion-react-pivot-table

Use this skill when users ask how to build or customize Syncfusion PivotView pivot tables in React. Trigger for React pivot grid/OLAP, aggregation, data binding (JSON/remote), drill-down/drill-through, grouping, filtering, conditional formatting, exports (Excel/PDF/CSV), or pivot charts. React-only, not Angular/Vue/Blazor.

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

syncfusion-react-diagram

Create and customize visual diagrams in React using Syncfusion Diagrams. Trigger for requests involving React component setup, nodes and connectors, flowcharts, org charts, process diagrams, BPMN or UML models, layout algorithms, swimlanes, symbol palettes, and interactive diagram visualization features.

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

syncfusion-react-treeview

Implement Syncfusion React TreeView component for hierarchical data display with node selection, drag-drop reordering, inline editing, and custom templating. Use this when building organizational charts, file systems, navigation trees, or any multi-level hierarchical interface. Covers selection modes, checkboxes, filtering, sorting, keyboard navigation, accessibility, and performance optimization with stateless templates.

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

syncfusion-react-speech-to-text

Implement the Syncfusion React SpeechToText component. Use this skill to convert speech to text, manage microphone input, control listening states, process speech events, customize UI, support accessible voice-enabled forms, and handle globalization and security in React applications.

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

syncfusion-react-common

Common utilities and features for Syncfusion React components. Use this skill when the user needs to implement animations, drag-and-drop, state persistence, RTL support, localization, globalization, security, templates, and advanced features for Syncfusion React components.

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

syncfusion-react-themes

Use this skill when users need to apply themes, customize appearance, switch dark mode, use CSS variables, configure icons, or modify visual styling for Syncfusion React components. Covers icon library, size modes, and Theme Studio integration.

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

syncfusion-react-license

Use this skill when the user asks about Syncfusion React licensing, license keys, license registration, license validation errors, trial licenses, or license troubleshooting. This skill provides comprehensive guidance on generating, registering, and managing Syncfusion license keys for React applications, including edition-based and platform-based licensing models, registration methods, CI/CD integration, and resolving common licensing errors.

🇺🇸|EnglishTranslated
7
1...8788899091...375
Page