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

Categories

Showing 12 of 4964 skills

Per page
Downloads
Sort
Frontend Developmentbeshkenadze/claude-skills...

typescript-advanced-types

Advanced TypeScript types (generics, conditionals, mapped, utilities). Use when building type-safe libraries or implementing complex type logic.

🇺🇸|EnglishTranslated
48
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
48
Frontend Developmenthairyf/skills

uniapp

uni-app 跨平台应用开发框架。适用于使用 Vue 语法开发 App、H5、各端小程序时的能力与用法。

🇺🇸|EnglishTranslated
48
Frontend Developmentdevelite98/angular-best-p...

angular-best-practices-v20

Angular 20+ performance optimization guidelines with Signals, httpResource, signal inputs/outputs, @defer, and native control flow (@if, @for). Use when writing, reviewing, or refactoring modern Angular code. Triggers on tasks involving Angular components, services, data fetching, bundle optimization, or performance improvements.

🇺🇸|EnglishTranslated
47
Frontend Developmentnexu-io/html-anything

deck-magazine-web

E-magazine × E-ink Style, WebGL Fluid Background + Serif Display

🇨🇳|ChineseTranslated
47
Frontend Developmentwshobson/agents

interaction-design

Design and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.

🇺🇸|EnglishTranslated
47
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
47
Frontend Developmentagricidaniel/claude-blog

blog-chart

Generate dark-mode-compatible inline SVG data visualization charts for blog posts. Supports horizontal bar, grouped bar, donut, line, lollipop, area, and radar charts with automatic platform detection (HTML vs JSX/MDX). Enforces chart type diversity, accessible markup (role=img, aria-label), source attribution, and transparent backgrounds. Use when user says "blog chart", "generate chart", "data visualization", "svg chart", "blog graph", "visualize data", or when the blog-write workflow identifies chart-worthy data points (3+ comparable metrics, trends, before/after data).

🇺🇸|EnglishTranslated
47
Frontend Developmentharlan-zw/vue-ecosystem-s...

tanstack-vue-virtual-skilld

Headless UI for virtualizing scrollable elements in Vue. ALWAYS use when writing code importing "@tanstack/vue-virtual". Consult for debugging, best practices, or modifying @tanstack/vue-virtual, tanstack/vue-virtual, tanstack vue-virtual, tanstack vue virtual, virtual.

🇺🇸|EnglishTranslated
47
Frontend Developmentagricidaniel/claude-blog

blog-schema

Generate complete JSON-LD schema markup for blog posts including BlogPosting, Person, Organization, BreadcrumbList, FAQPage, and ImageObject. Validates against Google requirements and warns about deprecated types. Use when user says "schema", "blog schema", "json-ld", "structured data", "schema markup", "generate schema".

🇺🇸|EnglishTranslated
46
Frontend Developmentdcl-regenesislabs/opendcl

audio-video

Add audio sources, sound effects, music, audio streaming, and video players to Decentraland scenes. Use when user wants sound, music, audio, video screens, speakers, or media playback.

🇺🇸|EnglishTranslated
46
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
46
1...2324252627...414
Page