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,395 skills, Frontend Development has 4859 skills

Categories

Showing 12 of 4859 skills

Per page
Downloads
Sort
Frontend Developmentmindrally/skills

redux-toolkit

Comprehensive Redux Toolkit best practices for React and Next.js applications with TypeScript.

🇺🇸|EnglishTranslated
26
Frontend Developmentantfu/skills

nuxt

Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.

🇺🇸|EnglishTranslated
26
Frontend Developmenthairyf/skills

hairy-react-lib

Comprehensive skills for working with @hairy/react-lib React hooks and components

🇺🇸|EnglishTranslated
26
Frontend Developmentvuejs-ai/skills

create-adaptable-composable

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.

🇺🇸|EnglishTranslated
26
Frontend Developmentgithub/awesome-copilot

fluentui-blazor

Guide for using the Microsoft Fluent UI Blazor component library (Microsoft.FluentUI.AspNetCore.Components NuGet package) in Blazor applications. Use this when the user is building a Blazor app with Fluent UI components, setting up the library, using FluentUI components like FluentButton, FluentDataGrid, FluentDialog, FluentToast, FluentNavMenu, FluentTextField, FluentSelect, FluentAutocomplete, FluentDesignTheme, or any component prefixed with "Fluent". Also use when troubleshooting missing providers, JS interop issues, or theming.

🇺🇸|EnglishTranslated
26
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
26
Frontend Developmentvinayakkulkarni/vue-nuxt-...

nuxt-best-practices

Nuxt 3/4 performance optimization and architecture guidelines for building fast, maintainable full-stack applications. This skill should be used when writing, reviewing, or refactoring Nuxt code to ensure optimal patterns. Triggers on tasks involving data fetching, server routes, auto-imports, rendering modes, or Nuxt-specific features.

🇺🇸|EnglishTranslated
26
2 scripts/Checked
Frontend Developmenthairyf/skills

uniapp

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

🇺🇸|EnglishTranslated
26
Frontend Developmentvercel-labs/vercel-plugin

react-best-practices

React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure, hooks usage, accessibility, performance, and TypeScript patterns.

🇺🇸|EnglishTranslated
26
Frontend Developmentclaude-office-skills/skil...

html-slides

>

🇺🇸|EnglishTranslated
26
Frontend Developmentdimillian/skills

react-component-performance

Analyze and optimize React component performance issues (slow renders, re-render thrash, laggy lists, expensive computations). Use when asked to profile or improve a React component, reduce re-renders, or speed up UI updates in React apps.

🇺🇸|EnglishTranslated
25
Frontend Developmentibelick/ui-skills

fixing-accessibility

Fix accessibility issues.

🇺🇸|EnglishTranslated
25
1...1213141516...405
Page