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,358 skills, Frontend Development has 4855 skills

Categories

Showing 12 of 4855 skills

Per page
Downloads
Sort
Frontend Developmentiblai/vibe

iblai-workflow

Add workflow builder components to your Next.js app

🇺🇸|EnglishTranslated
4
Frontend Developmentiblai/vibe

iblai-invite

Add user invitation dialogs to your Next.js app

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

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.

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

syncfusion-react-numerictextbox

Implement Syncfusion React NumericTextBox with comprehensive guidance on validation, formatting, and accessibility. Use this when working with numeric input fields, currency/percentage formatting, decimal precision, range validation, or spin button controls. This skill covers form integration and numeric UI requirements in React applications.

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

syncfusion-react-uploader

Implement the Syncfusion React Uploader (UploaderComponent) for file upload scenarios. Use this when working with file uploads, drag-and-drop uploads, chunk or resumable uploads, file validation, or async upload configuration. This skill covers asyncSettings, preloaded files, upload templates, JWT-secured uploads, and form integration.

🇺🇸|EnglishTranslated
4
Frontend Developmentdlcastillop/agent-skills

seo-in-nextjs

Complete SEO setup for Next.js applications. Use when the user wants to implement or improve SEO in a Next.js app, including page metadata, sitemap.xml, llms.txt, robots.txt, and JSON-LD structured data generation, or SEO auditing. Trigger for queries about Next.js SEO optimization, search engine visibility, metadata management, or when the user mentions wanting better SEO for their Next.js application.

🇺🇸|EnglishTranslated
4
Frontend Developmentpatternsdev/skills

route-based

Dynamically load components based on the current route to reduce initial bundle size.

🇺🇸|EnglishTranslated
4
Frontend Developmentpatternsdev/skills

module-pattern

Split your code into smaller, reusable pieces with proper encapsulation using ES2015 modules.

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

syncfusion-react-smithchart

Implements and customizes the Syncfusion React Smith Chart component for transmission line and RF circuit visualization. Use this when users need Smith Charts for impedance matching, RF design, or telecommunications data visualization. Covers series configuration, axis customization, markers, data labels, legend, tooltip, print/export, and accessibility features.

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

syncfusion-react-cards

Build flexible card layouts for displaying content in React. The Card component is a lightweight container that supports headers, images, action buttons, horizontal layouts, and integration with other Syncfusion components. Use this skill whenever the user needs to create cards, build card-based UIs, display content cards, add action buttons to cards, customize card layouts, or embed components within cards.

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

syncfusion-angular-circular-gauge

Implement Syncfusion Angular Circular Gauge component for radial data visualization. Use this when building circular gauges for dashboards, monitoring displays, performance metrics, speedometers, or KPI indicators. Covers installation, axes configuration, pointer types (needle, range bar, marker), ranges, styling, animations, and user interactions.

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

syncfusion-angular-card

Implements Syncfusion Angular Card components with headers, images, action buttons, and configurable layouts. Use this skill when building flexible, reusable card interfaces with custom styling, CSS classes, and component integration patterns for displaying content in structured card formats.

🇺🇸|EnglishTranslated
4
1...373374375376377...405
Page