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 52,038 skills, Frontend Development has 4964 skills

Categories

Showing 12 of 4964 skills

Per page
Downloads
Sort
Frontend Developmentvercel/next.js

v8-jit

V8 JIT optimization patterns for writing high-performance JavaScript in Next.js server internals. Use when writing or reviewing hot-path code in app-render, stream-utils, routing, caching, or any per-request code path. Covers hidden classes / shapes, monomorphic call sites, inline caches, megamorphic deopt, closure allocation, array packing, and profiling with --trace-opt / --trace-deopt.

🇺🇸|EnglishTranslated
7
Frontend Developmentthebushidocollective/han

vue-component-patterns

Use when Vue component patterns including props, emits, slots, and provide/inject. Use when building reusable Vue components.

🇺🇸|EnglishTranslated
7
Frontend Developmentbuainoai/remotion-skills

remotion-best-practices

Remotion Best Practices - Create Videos with React

🇨🇳|ChineseTranslated
7
Frontend Developmentuxjoseph/supanova-design-...

supanova-redesign-engine

Upgrades existing landing pages to premium quality. Audits current design for generic AI patterns and applies Supanova's high-end standards. Works with any HTML/CSS landing page — Tailwind, vanilla CSS, or inline styles.

🇺🇸|EnglishTranslated
7
Frontend Developmentfreshtechbro/claudedesign...

locomotive-scroll

Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling experiences, creating parallax effects, building scroll-triggered animations, or developing immersive scrolling websites. Triggers on tasks involving Locomotive Scroll, smooth scrolling, parallax, scroll detection, scroll events, sticky elements, horizontal scrolling, or GSAP ScrollTrigger integration. Integrates with GSAP for advanced scroll-driven animations.

🇺🇸|EnglishTranslated
7
3 scripts/Checked
Frontend Developmentdrupal-canvas/skills

canvas-styling-conventions

Style Canvas components with Tailwind CSS 4 theme tokens and approved utility patterns. Use when (1) Creating a new component, (2) Adding colors or styling to components, (3) Working with Tailwind theme tokens, (4) Adding or updating design tokens in global.css, (5) Creating color/style props, (6) Any change where component props are added/removed/renamed/retyped and can affect rendered styles. Covers @theme variables, CVA variants, and cn() utility.

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

syncfusion-react-ribbon

Implement the Syncfusion React Ribbon component. Use this skill for creating Ribbon UIs with tabs, groups, items, Classic or Simplified layouts, file menu and backstage view, contextual tabs, galleries, KeyTips, accessibility, theming, responsive behavior, customization, and troubleshooting in React.

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

syncfusion-wpf-treemap

Implement Syncfusion WPF TreeMap (SfTreeMap) control for hierarchical data visualization using nested rectangles. Use this when visualizing large datasets with hierarchical structure, creating heat maps, or displaying proportional data. This skill covers TreeMap configuration, layout algorithms, color mapping, data binding, and interactive features for stock analysis, data categorization, and hierarchical visualization scenarios.

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

syncfusion-wpf-circular-progressbar

Implement Syncfusion WPF SfCircularProgressBar for circular and radial progress indicators. Use this when building circular progress displays, determinate or indeterminate progress animations, buffer/secondary progress, segmented progress rings, or arc-shaped progress with custom center content. Covers RangeColors, StartAngle, EndAngle, SegmentCount, and ProgressContent using Syncfusion.SfProgressBar.WPF.

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

syncfusion-wpf-propertygrid

Implement Syncfusion WPF PropertyGrid for browsing and editing object properties with custom editors and category editors. Use this when building property inspectors, property panels similar to Visual Studio's Properties window, or dynamically inspecting and editing object properties in WPF. Covers custom value editors, category editors, collection editing, and design-time property editor customization.

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

syncfusion-wpf-gridsplitter

Guide for implementing Syncfusion WPF GridSplitter (SfGridSplitter) control for dynamic layout resizing. Use this skill when implementing WPF GridSplitter, split panels, or resizable grid layouts. Covers splitting grid rows or columns with movable splitters, collapse/expand functionality, resizable panels, drag behavior configuration, and splitter appearance customization in WPF applications.

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

syncfusion-winui-getting-started

Comprehensive guide for setting up Syncfusion WinUI components, including license registration, NuGet package installation, system requirements verification, and troubleshooting. Use this skill when users need help with Syncfusion licensing, installation, WinUI component configuration, theme setup, or resolving installation errors.

🇺🇸|EnglishTranslated
7
1...388389390391392...414
Page