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

Categories

Showing 12 of 4863 skills

Per page
Downloads
Sort
Frontend Developmentobeskay/lottie-animator-s...

lottie-animator

Generates professional Lottie animations from static SVGs. Replaces After Effects for motion graphics. Use when the user asks to: animate logo, create lottie, svg animation, motion graphics, wiggle animation, bounce effect, rotate animation, pulse effect, entrance animation, loading animation, loop animation, icon animation, character animation, morphing, path drawing, trim path, walking animation, run cycle, walk cycle, frame-by-frame animation, sprite animation. Supports advanced bezier curves, shape modifiers, parenting, mattes, morphing, character rigs, and professional frame-by-frame animation techniques.

🇺🇸|EnglishTranslated
13
Frontend Developmentaccesslint/claude-marketp...

use-of-color

Analyzes code for WCAG 1.4.1 Use of Color compliance. Identifies where color is used as the only means of conveying information and recommends additional visual indicators like text, icons, patterns, or ARIA attributes.

🇺🇸|EnglishTranslated
13
Frontend Developmentyangagent/remotion-video-...

srt-remotion-video

Main workflow for SRT subtitle-driven video generation. Convert SRT subtitle files into Remotion video projects, automatically generate storyboard scripts, create scene components, and synthesize the final video. Used when users need to generate Remotion videos from SRT subtitle files.

🇨🇳|ChineseTranslated
13
12 scripts/Attention
Frontend Developmentnexu-io/html-anything

flowai-team-dashboard

三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出

🇺🇸|EnglishTranslated
13
Frontend Developmentstarchild-ai-agent/offici...

ui-design

The UI/UX quality gate and build guide for every visual output — landing pages, dashboards, web apps, portfolios, tools, any HTML the user will see. Merges visual-design methodology (palette, typography, layout, anti-AI-slop) with concrete build guidance, including when and how to use open-source component libraries (shadcn/ui, HeroUI, coss ui) to reduce work and raise quality. MUST USE together with project-builder whenever a project produces visual HTML/CSS/JS. project-builder owns the engineering workflow; this skill owns how the result looks and feels.

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

syncfusion-react-data-manager

Implements Syncfusion DataManager for local/remote binding, CRUD, querying, caching, and middleware. Supports JsonAdaptor, ODataAdaptor, ODataV4Adaptor, UrlAdaptor, WebApiAdaptor, WebMethodAdaptor, RemoteSaveAdaptor, GraphQLAdaptor, CustomDataAdaptor, and CustomAdaptor. Covers Query class, filtering, sorting, paging, grouping, persistence, offline mode, caching, and error handling.

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

remotion-video-creation

Best practices for Remotion - Video creation in React. 29 domain-specific rules covering 3D, animations, audio, captions, charts, transitions, and more.

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

syncfusion-winui-calendar-date-range-picker

Implements Syncfusion WinUI CalendarDateRangePicker (SfCalendarDateRangePicker) control for selecting date ranges in desktop applications. Use this when building date range pickers, range selection calendars, or start/end date input interfaces. This skill covers range selection, preset ranges, blackout dates, date restrictions, week numbers, localization, and calendar customization for WinUI applications.

🇺🇸|EnglishTranslated
13
Frontend Developmentsyncfusion/aspnetcore-ui-...

syncfusion-aspnetcore-spinner

Comprehensive guide for implementing loading spinners in ASP.NET Core applications using Syncfusion. Use this skill when implementing loading indicators, providing progress feedback, or blocking UI during async operations. Covers spinner creation, show/hide lifecycle, types, styling, custom templates, and configuration methods. Includes patterns for real-world scenarios like form submission and data loading.

🇺🇸|EnglishTranslated
13
Frontend Developmentoguzhan18/angular-ecosyst...

angular-performance

ALWAYS use when optimizing Angular applications for performance, change detection, bundle size, lazy loading, or runtime performance.

🇺🇸|EnglishTranslated
13
Frontend Developmentoguzhan18/angular-ecosyst...

angular-directives

ALWAYS use when working with Angular Directives, custom directives, attribute directives, structural directives, or directive composition in Angular applications.

🇺🇸|EnglishTranslated
13
Frontend Developmentoguzhan18/angular-ecosyst...

ngrx

ALWAYS use when implementing Angular state management with NgRx, including Store, Effects, Entity, and Signal Store.

🇺🇸|EnglishTranslated
13
1...8586878889...406
Page