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,033 skills, Frontend Development has 4963 skills

Categories

Showing 12 of 4963 skills

Per page
Downloads
Sort
Frontend Developmentsyncfusion/react-ui-compo...

syncfusion-react-heatmap

Implement Syncfusion React HeatMap Chart component for data visualization. Use this skill when user needs to create heatmaps, visualize 2D data patterns, display matrix data with color gradients, configure axes (numerical/categorical/datetime), implement legends, handle cell selection, apply custom styling, or work with large datasets. Covers installation, data binding, axis configuration, appearance customization, interaction patterns, tooltips, events, and accessibility.

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

syncfusion-react-accordion

Guide users to implement Syncfusion React Accordion component for collapsible content panels. Use this skill whenever the user needs to create expandable/collapsible sections, accordion layouts, tabbed content panels, multi-step forms, FAQs, or navigation with expandable items. Covers component setup, expand modes, animations, dynamic content loading, styling, events, lifecycle, React hooks integration, and complete API reference.

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

syncfusion-react-stock-chart

Implements the Syncfusion React Stock Chart component for visualizing financial and market data. Use this when users need stock price visualization, OHLC charts, candlestick charts, or trading chart interfaces. Supports multiple series types, period selectors, range navigators, technical indicators (e.g., SMA, MACD, Bollinger Bands), and interactive analysis tools for financial data in React applications.

🇺🇸|EnglishTranslated
5
Frontend Developmentaradotso/design-skills

claude-design-system-hooks

AI-powered design-to-code engine that generates production-ready UI components from natural language using Claude API

🇺🇸|EnglishTranslated
5
Frontend Developmentaradotso/design-skills

materialdesigninxaml-wpf-toolkit

Google's Material Design theme and control library for WPF applications in C# and VB.Net

🇺🇸|EnglishTranslated
5
Frontend Developmentiotron/gsap-cookbook

gsap-svg

Production recipes for GSAP SVG animations. Companion to official gsap-plugins skill (API reference). Triggers: SVG animation, GSAP SVG, path drawing, strokeDashoffset, DrawSVG, drawSVG, SVG morph, MorphSVGPlugin, circuit tree, circuit board, CTAHud, HUD animation, pulse ring, scallop wave, SVG stagger, SVG fill, SVG stroke, SVG cleanup, feGaussianBlur, SVG glow, SVG blink, shape overlay, page transition, section transition, smooth morph, morph interpolation, dynamic morphing, SVG curtain, shape transition. Non-triggers: Not for text animation (use gsap-text), scroll reveals without SVG (use gsap-scroll), mouse interactions (use gsap-interact), or non-SVG visual effects (use gsap-vfx). Outcome: Produces SVG animations — path drawing, morphing, circuit board patterns, HUD systems, pulse rings, and scallop waves.

🇺🇸|EnglishTranslated
5
Frontend Developmentgoogle-labs-code/stitch-s...

stitch::react-components

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

🇺🇸|EnglishTranslated
5
2 scripts/Checked
Frontend Developmentomer-metin/skills-for-ant...

websocket-realtime

Expert guidance on real-time communication patterns including WebSockets, Server-Sent Events (SSE), Socket.IO, and WebRTC. Covers connection management, reconnection strategies, scaling, and real-time data synchronization. Use when "implement websocket, real-time updates, live chat, socket.io, server-sent events, live notifications, collaborative editing, presence indicators, Working with ws, Socket.IO, Pusher, Ably, websocket, realtime, socket.io, sse, live, streaming, push, collaboration" mentioned.

🇺🇸|EnglishTranslated
5
Frontend Developmentthebushidocollective/han

zustand-middleware

Use when implementing Zustand middleware for persistence, dev tools, immutability, and other enhanced store functionality. Covers persist, devtools, immer, and custom middleware.

🇺🇸|EnglishTranslated
5
Frontend Developmenteng0ai/eng0-template-skil...

magic-portfolio

Next.js 16 portfolio with MDX blog/projects, Once UI, auto SEO, and endless theming.

🇺🇸|EnglishTranslated
5
Frontend Developmentsonofmagic/skills

native-to-weapp-vite-wevu-migration

Apply a structured migration workflow from native mini-program projects to weapp-vite and wevu. Use when converting Page/Component code to Vue SFC, replacing setData-heavy state updates with ref/reactive, migrating properties/observers/triggerEvent contracts, introducing platform guards, and building migration-focused e2e validation and rollback checkpoints.

🇨🇳|ChineseTranslated
5
Frontend Developmentredpanda-data/console

api-patterns

Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.

🇺🇸|EnglishTranslated
5
1...407408409410411...414
Page