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 53,554 skills, Frontend Development has 5084 skills

Categories

Showing 12 of 5084 skills

Per page
Downloads
Sort
Frontend Developmentclerk/skills

clerk-tanstack-patterns

TanStack React Start auth patterns with @clerk/tanstack-react-start - createServerFn, beforeLoad guards, loaders, Vinxi server. Triggers on: TanStack auth, createServerFn clerk, beforeLoad protection, TanStack Start middleware.

🇺🇸|EnglishTranslated
68
2 scripts/Checked
Frontend Developmentdatahub-project/datahub-s...

datahub-mfe-configure-app

Configure a DataHub instance to load and display a Micro Frontend (MFE) app. Use when the user wants to register an MFE with DataHub, add an MFE to the nav sidebar, set up MFE config for local dev or production/k8s, or troubleshoot MFE loading issues.

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

syncfusion-react-smithchart

Implements and customizes the Syncfusion React Smith Chart component for transmission line and RF circuit visualization. Use this when users need Smith Charts for impedance matching, RF design, or telecommunications data visualization. Covers series configuration, axis customization, markers, data labels, legend, tooltip, print/export, and accessibility features.

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

syncfusion-angular-circular-gauge

Implement Syncfusion Angular Circular Gauge component for radial data visualization. Use this when building circular gauges for dashboards, monitoring displays, performance metrics, speedometers, or KPI indicators. Covers installation, axes configuration, pointer types (needle, range bar, marker), ranges, styling, animations, and user interactions.

🇺🇸|EnglishTranslated
67
Frontend Developmentsecondsky/claude-skills

auto-animate

AutoAnimate (@formkit/auto-animate) zero-config animations for React. Use for list transitions, accordions, toasts, or encountering SSR errors, animation libraries complexity.

🇺🇸|EnglishTranslated
67
2 scripts/Attention
Frontend Developmentlynx-community/skills

lynx-trace-record

This guide provides step-by-step instructions for recording Lynx performance traces. Use this guide when the user asks how to record a trace.

🇺🇸|EnglishTranslated
66
2 scripts/Attention
Frontend Developmentsyncfusion/winforms-ui-co...

syncfusion-winforms-status-bar

Guide for implementing Syncfusion StatusBarAdv control in Windows Forms applications. Use when creating application status displays, bottom panels, or status information panels with StatusBarAdvPanel items. Covers installation, panel configuration, appearance styling, gradients, borders, themes, alignment, and event handling for enhanced status bar displays.

🇺🇸|EnglishTranslated
66
Frontend Developmentarustydev/ai

cross-browser-compatibility

Browser API differences, polyfills, and feature detection for Firefox, Chrome, Safari, and Edge extensions

🇺🇸|EnglishTranslated
66
Frontend Developmentjeffallan/claude-skills

typescript-pro

Use when building TypeScript applications requiring advanced type systems, generics, or full-stack type safety. Invoke for type guards, utility types, tRPC integration, monorepo setup.

🇺🇸|EnglishTranslated
66
Frontend Developmenttanstack/router

router-plugin

TanStack Router bundler plugin for route generation and automatic code splitting. Supports Vite, Webpack, Rspack, and esbuild. Configures autoCodeSplitting, routesDirectory, target framework, and code split groupings.

🇺🇸|EnglishTranslated
65
Frontend Developmentrampstackco/claude-skills

accessibility-audit

Run a comprehensive WCAG accessibility audit covering perceivable, operable, understandable, and robust principles. Use this skill whenever the user wants to audit accessibility, review WCAG compliance, fix accessibility issues, prepare for accessibility certification, address an accessibility lawsuit risk, or systematically improve a site's accessibility. Triggers on accessibility audit, WCAG audit, a11y audit, accessibility compliance, ADA compliance, screen reader test, keyboard navigation, accessibility report, fix accessibility, axe scan. Also triggers when accessibility issues have been reported and need systematic remediation.

🇺🇸|EnglishTranslated
65
Frontend Developmentarthrod/conejo-skills

react-composables

React component architecture for creating composable, accessible components with data attributes. Use when creating/updating composable components, not for higher-level feature/page components.

🇺🇸|EnglishTranslated
65
1...2122232425...424
Page