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

Categories

Showing 12 of 4855 skills

Per page
Downloads
Sort
Frontend Developmentsyncfusion/angular-ui-com...

syncfusion-angular-drop-down-list

Implement the Syncfusion Angular DropDownList component for single-value selection from a predefined list. Use this when building dropdown selectors, searchable dropdowns, filtered lists, grouped options, or cascading dropdowns. This skill covers data binding, filtering, templates, grouping, virtualization, form integration, styling, and API usage with @syncfusion/ej2-angular-dropdowns.

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

syncfusion-wpf-linear-progressbar

Implement Syncfusion WPF SfLinearProgressBar for horizontal or vertical linear progress indicators. Use this when building determinate progress displays, indeterminate loading bars, buffer/secondary progress, or segmented progress bars in WPF. Covers RangeColors, gradient progress, IndicatorPadding, IndicatorCornerRadius, and IsIndeterminate using Syncfusion.SfProgressBar.WPF.

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

syncfusion-wpf-sunburst-chart

Implement Syncfusion WPF Sunburst Chart (SfSunburstChart) for hierarchical data visualization. Use this when working with sunburst charts, hierarchical data visualization, multi-level circular charts, or drill-down visualizations. This skill covers displaying organizational hierarchies, file system structures, sales data by region/category, and other multi-level categorical data in concentric circles for WPF applications.

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

syncfusion-winui-dropdown-color-picker

Guide for implementing Syncfusion WinUI DropDown Color Picker control for interactive color selection with dropdown functionality. Use this skill when implementing color selection with dropdown, color editing modes (RGB/HSV/HSL/CMYK/Hex), customizable dropdown placement, split button modes, or color picker flyout customization in WinUI applications.

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

syncfusion-winui-dropdown-color-palette

Guide implementation of the Syncfusion WinUI DropDown Color Palette control for color selection in Windows desktop applications. Use this skill when implementing color selection dropdowns, theme color support, custom color palettes, split-mode buttons, or the More Colors dialog. Covers dropdown customization, palette structure, and color-based UI interactions.

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

syncfusion-winui-autocomplete

Guide implementation of the Syncfusion WinUI AutoComplete control (SfAutoComplete) for creating searchable dropdowns with single or multiple selection, filtering suggestions, and customizable token display. Use this skill when implementing search-as-you-type functionality, autocomplete dropdowns with multi-select, tagging systems with token/chip display, or filtered suggestion boxes in WinUI applications.

🇺🇸|EnglishTranslated
3
Frontend Developmentsyncfusion/blazor-ui-comp...

syncfusion-blazor-scheduler

Implement Syncfusion Blazor Scheduler component for comprehensive appointment and event scheduling. Use this when building calendar interfaces, managing appointments with CRUD operations, implementing multiple view modes, setting up recurring events, or handling timezone-aware scheduling. This skill covers views (day, week, month, timeline, agenda), drag-and-drop functionality, resizing, resources, localization, data binding, state persistence, and advanced customization options for scheduling applications.

🇺🇸|EnglishTranslated
3
Frontend Developmentwebflow/webflow-skills

webflow-cli:cloud

Initialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting. List available templates, initialize projects with cloud init, and deploy with comprehensive validation. Use when creating or deploying Webflow Cloud applications.

🇺🇸|EnglishTranslated
2
Frontend Developmentopenakita/openakita

openakita/skills@algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

🇺🇸|EnglishTranslated
2
1 scripts/Checked
Frontend Developmentopenakita/openakita

openakita/skills@web-artifacts-builder

Suite of tools for creating elaborate, multi-component interactive HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

🇺🇸|EnglishTranslated
2
2 scripts/Attention
Frontend Developmentopenakita/openakita

openakita/skills@frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

🇺🇸|EnglishTranslated
2
Frontend Developmentdjalmajr/skills

figma-capture

Capture a rendered local web page or app screen into the clipboard for pasting into Figma using the official html-to-design capture.js flow. Use when the user invokes /figma-capture, asks to copy the current browser page to Figma, asks for a dev-only Figma capture button, or asks whether figma_key/captureId is needed for Figma HTML capture.

🇺🇸|EnglishTranslated
2
1...401402403404405
Page