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,510 skills, Frontend Development has 4863 skills

Categories

Showing 12 of 4863 skills

Per page
Downloads
Sort
Frontend Developmentant-design/ant-design-cli

antd

Use when the user's task involves Ant Design (antd) — writing antd components, debugging antd issues, querying antd APIs/props/tokens/demos, migrating between antd versions, or analyzing antd usage in a project. Triggers on antd-related code, imports from 'antd', or explicit antd questions.

🇺🇸|EnglishTranslated
15
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
15
Frontend Developmentsyncfusion/react-ui-compo...

syncfusion-react-ai-assistview

Implement the Syncfusion React AI AssistView component. Use this skill to handle AI-powered conversational interfaces, AssistView setup, conversation flow, speech input or output, file attachments, UI customization, state management, and AI service integration such as OpenAI or Azure AI in React applications.

🇺🇸|EnglishTranslated
15
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
15
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
15
Frontend Developmentsyncfusion/angular-ui-com...

syncfusion-angular-diagram

Build and configure Syncfusion EJ2 Angular Diagram for flowcharts, org charts, process diagrams, and data-visualization. Trigger when users ask to create nodes/connectors, apply layouts, swimlane, use BPMN/UML shapes, or add interactivity like drag-drop, zoom/pan, snapping, editing, and symbol palettes.

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

syncfusion-angular-tab

Implement the responsive tabbed navigation in Angular using Syncfusion Tab. Supports tab selection, dynamic loading, drag-and-drop reordering, localization, multiple orientations, state persistence, data binding, remote data, animations, and advanced patterns like wizards, nested tabs, and collapsible tabs.

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

syncfusion-angular-speech-to-text

Implement the Syncfusion Angular SpeechToText component. Use this skill for real-time speech-to-text conversion with text transcripts, custom button appearance and tooltips, recognition event handling, multiple language support with localization and RTL, error handling, and security best practices for microphone access and data transmission.

🇺🇸|EnglishTranslated
15
Frontend Developmentsyncfusion/wpf-ui-compone...

syncfusion-wpf-scheduler

Implement Syncfusion WPF Scheduler (SfScheduler) for managing appointments and calendar views in desktop applications. Use this when building scheduling interfaces, appointment management systems, or resource booking applications. This skill covers calendar views, appointment handling, resource scheduling, timeline customization, and Outlook-style calendar functionality.

🇺🇸|EnglishTranslated
15
Frontend Developmentquangpl/browser-extension...

extension-assets

Generate and manage all Chrome extension assets: icons (16–128px), CWS listing images, promotional tiles, and public/ folder setup. Supports ImageMagick, Gemini API, and manual prompt templates.

🇺🇸|EnglishTranslated
15
Frontend Developmentwebmaxru/agent-skills

translator-api

Implements and debugs browser Translator API integrations in JavaScript or TypeScript web apps. Use when adding Translator support checks, language-pair availability flows, model download UX, session creation, translate() or translateStreaming() calls, input-usage measurement, or permissions-policy handling for on-device translation. Don't use for server-side translation SDKs, cloud translation services, or generic multilingual content pipelines.

🇺🇸|EnglishTranslated
15
2 scripts/Checked
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
15
1...5354555657...406
Page