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,510 skills, Frontend Development has 4863 skills

Categories

Showing 12 of 4863 skills

Per page
Downloads
Sort
Frontend Developmentsergiodxa/agent-skills

frontend-accessibility-best-practices

Accessibility (a11y) best practices for React components. Use when creating UI components, forms, interactive elements, or reviewing code for accessibility compliance.

🇺🇸|EnglishTranslated
12
Frontend Developmentsickn33/antigravity-aweso...

frontend-mobile-development-component-scaffold

You are a React component architecture expert specializing in scaffolding production-ready, accessible, and performant components. Generate complete component implementations with TypeScript, tests, s

🇺🇸|EnglishTranslated
12
Frontend Developmentdadbodgeoff/drift

pwa-setup

Progressive Web App setup with manifest, mobile meta tags, safe area handling for notched devices, and install prompts for app-like browser experience.

🇺🇸|EnglishTranslated
12
Frontend Developmentyonatangross/orchestkit

shadcn-patterns

shadcn/ui component patterns including CVA variants, OKLCH theming, cn() utility, and composition. Use when adding shadcn components, building variant systems, or customizing themes.

🇺🇸|EnglishTranslated
12
Frontend Developmentzhanghandong/makepad-skil...

makepad-dsl

CRITICAL: Use for Makepad DSL syntax and inheritance. Triggers on: makepad dsl, live_design, makepad inheritance, makepad prototype, "<Widget>", "Foo = { }", makepad object, makepad property, makepad DSL 语法, makepad 继承, makepad 原型, 如何定义 makepad 组件

🇺🇸|EnglishTranslated
12
Frontend Developmentmultiversx/mx-ai-skills

multiversx-dapp-frontend

Adapt React applications to MultiversX blockchain with wallet connection, transactions, and smart contract interactions. Use when app needs Web3, blockchain, wallet login, crypto payments, NFTs, tokens, or smart contract calls.

🇺🇸|EnglishTranslated
12
Frontend Developmentanthemflynn/ccmp

react-three-fiber

Build 3D applications with React Three Fiber (R3F), the React renderer for Three.js. Use this skill when building 3D scenes with React, using declarative JSX for 3D objects, integrating Three.js with React state/lifecycle, or using Drei helpers. Covers Canvas setup, hooks, Drei utilities, performance patterns, and state management for 3D React apps.

🇺🇸|EnglishTranslated
12
Frontend Developmentdylantarre/animation-prin...

lottie-bodymovin

Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects

🇺🇸|EnglishTranslated
12
Frontend Developmentteachingai/full-stack-ski...

vuex-vue2

Provides comprehensive guidance for Vuex 2.x state management in Vue 2 applications including state, mutations, actions, getters, modules, and plugins. Use when the user asks about Vuex for Vue 2, needs to manage state in Vue 2 applications, or implement Vuex patterns.

🇺🇸|EnglishTranslated
12
Frontend Developmentbbeierle12/skill-mcp-clau...

audio-analysis

Audio analysis with Tone.js and Web Audio API including FFT, frequency data extraction, amplitude measurement, and waveform analysis. Use when extracting audio data for visualizations, beat detection, or any audio-reactive features.

🇺🇸|EnglishTranslated
12
Frontend Developmentnguyenthienthanh/aura-fro...

angular-expert

Angular/TypeScript frontend expert. PROACTIVELY use when working with Angular, RxJS, NgRx. Triggers: angular, ngrx, rxjs, component.ts

🇺🇸|EnglishTranslated
12
Frontend Developmenthairyf/skills

vue-router

Vue Router - official router for Vue.js. Use when building single-page applications with routing, navigation guards, nested routes, or programmatic navigation.

🇺🇸|EnglishTranslated
12
1...96979899100...406
Page