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 43,771 skills, Frontend Development has 4483 skills

Categories

Showing 12 of 4483 skills

Per page
Downloads
Sort
Frontend Developmentnrwl/nx-ai-agents-config

nx-import

Import, merge, or combine repositories into an Nx workspace using nx import. USE WHEN the user asks to adopt Nx across repos, move projects into a monorepo, or bring code/history from another repository.

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

nuxt4-patterns

Nuxt 4 app patterns for hydration safety, performance, route rules, lazy loading, and SSR-safe data fetching with useFetch and useAsyncData.

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

click-path-audit

Trace every user-facing button/touchpoint through its full state change sequence to find bugs where functions individually work but cancel each other out, produce wrong final state, or leave the UI in an inconsistent state. Use when: systematic debugging found no bugs but users report broken buttons, or after any major refactor touching shared state stores.

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

syncfusion-react-barcode

Generate, customize, and export barcodes in React using Syncfusion BarcodeGenerator. Trigger for requests involving Code39 or Code128 barcodes, QR codes, Data Matrix generation, barcode styling (size, color, text, margins), React component setup, props or events, SVG or canvas rendering, and exporting or printing barcode images.

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

syncfusion-react-image-editor

Master Syncfusion React Image Editor for comprehensive image editing. Use this when users need to edit images, add annotations, apply filters, manage layers, or implement image editing features. Supports multiple formats (PNG, JPEG, SVG, WEBP, BMP), annotations (text, shapes, freehand, images), effects (filters, finetune), and accessibility features.

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

syncfusion-react-chat-ui

Implement the Syncfusion React Chat UI component. Use this skill to create and customize messaging interfaces, including chat setup, message rendering, file attachments, typing indicators, conversation layout, theming, event handling, and real-time updates in React applications.

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

syncfusion-react-charts

Implement Syncfusion React Charts component for data visualization. Use this when creating charts, configuring axes and series, or customizing visualization styles. This skill covers chart types, data binding, user interactions, financial indicators, accessibility features, and professional data visualization in React applications.

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

syncfusion-react-inline-ai-assist

Implement the Syncfusion React Inline AI Assist component. Use this skill to add inline AI suggestions, integrate AI services such as OpenAI, Gemini, Lite-LLM, or Ollama, configure command and response actions, customize toolbars, handle events, and support real-time prompt-response workflows in React.

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

syncfusion-react-dropdown-tree

Implement Syncfusion React Dropdown Tree component for hierarchical data selection with dropdown interaction. Use this when working with multi-select checkboxes, lazy loading, remote OData integration, custom templates, keyboard navigation, RTL support, or localized interfaces. Supports auto-check hierarchy, filtering, tree settings, comprehensive event handling, and full accessibility.

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

syncfusion-react-accumulation-chart

Implement Syncfusion React Accumulation Charts including Pie, Doughnut, Funnel, and Pyramid chart types. Use this skill when users need circular data visualization, percentage-based charts, or proportional data displays. Covers data labels, legends, tooltips, grouping, smart labels, drill-down charts, explode effects, theming, accessibility, export/print capabilities, and dynamic data updates.

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

syncfusion-angular-chart

Implement Syncfusion Angular Chart component for professional data visualization. Use this when creating or customizing charts such as line, bar, column, area, pie, financial (candlestick, OHLC), scatter, bubble, or stock charts. Supports axes configuration, series binding, legends, tooltips, zooming, real-time updates, technical indicators, themes, export, and accessibility features.

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

syncfusion-angular-inline-ai-assist

Implement the Syncfusion Angular Inline AI Assist component for AI-powered text processing and editing. Use this skill when user needs to add AI-powered suggestions, create prompt/response workflows, customize toolbars and commands, handle AI responses, configure templates, implement event handling, or add localization to Angular applications with intelligent inline text editing capabilities. Covers installation, configuration, response modes, command settings, toolbar customization, template usage, event handling, methods, and RTL/localization support.

🇺🇸|EnglishTranslated
9
1...4950515253...374
Page