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 30,299 skills, Frontend Development has 2987 skills

Categories

Showing 12 of 2987 skills

Per page
Downloads
Sort
Frontend Developmentpluginagentmarketplace/cu...

react-hooks-patterns

Master React Hooks including useState, useEffect, useContext, useReducer, and custom hooks with production-grade patterns

🇺🇸|EnglishTranslated
1
1 scripts/Checked
Frontend Developmentpluginagentmarketplace/cu...

react-testing-library

Write production-grade React tests with Testing Library, MSW, and comprehensive coverage patterns

🇺🇸|EnglishTranslated
1
1 scripts/Checked
Frontend Developmentpluginagentmarketplace/cu...

component-library

Build production-grade, accessible, and tested component libraries with Storybook, Chromatic, and design tokens

🇺🇸|EnglishTranslated
1
1 scripts/Checked
Frontend Developmentpluginagentmarketplace/cu...

react-router

Master React Router v6 for production routing with error boundaries, lazy loading, and navigation guards

🇺🇸|EnglishTranslated
1
1 scripts/Checked
Frontend Developmentbbeierle12/skill-mcp-clau...

audio-reactive

Binding audio analysis data to visual parameters including smoothing, beat detection responses, and frequency-to-visual mappings. Use when creating audio visualizers, music-reactive animations, or any visual effect driven by audio input.

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

audio-router

Router for audio domain including playback, analysis, and audio-reactive visuals. Use when implementing any audio functionality including music, sound effects, visualizers, or audio-driven animations. Routes to 3 specialized skills.

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

postfx-bloom

Bloom and glow effects using Three.js UnrealBloomPass with React Three Fiber. Use when implementing glow, bloom, luminance-based effects, selective bloom on specific meshes, or neon/ethereal lighting. Essential for cyberpunk aesthetics, energy effects, magic spells, and UI glow.

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

r3f-geometry

BufferGeometry creation, built-in geometries, custom geometry with buffer attributes, instanced meshes for rendering thousands of objects, and geometry manipulation. Use when creating custom shapes, optimizing with instancing, or working with vertex data directly.

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

r3f-materials

Three.js materials in R3F, built-in materials (Standard, Physical, Basic, etc.), ShaderMaterial with custom GLSL, uniforms binding and animation, and material properties. Use when choosing materials, creating custom shaders, or binding dynamic uniforms.

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

forms-router

Router for web form development. Use when creating forms, handling validation, user input, or data entry across React, Vue, or vanilla JavaScript. Routes to 7 specialized skills for accessibility, validation, security, UX patterns, and framework-specific implementations. Start here for form projects.

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

immersive-visuals-router

Master router for immersive visual experiences combining React Three Fiber, shaders, particles, post-processing, GSAP animation, and audio. Use when building 3D web experiences, visualizers, creative coding projects, interactive installations, or any project requiring multiple visual technologies. Dispatches to 6 specialized domain routers covering 29 total skills.

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

form-vue

Production-ready Vue form patterns using VeeValidate (default) or Vuelidate with Zod integration. Use when building forms in Vue 3 applications with Composition API.

🇺🇸|EnglishTranslated
1
1 scripts/Checked
1...244245246247248249
Page