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,523 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmentdavepoon/buildwithclaude

auth-patterns

This skill should be used when the user asks about "authentication in Next.js", "NextAuth", "Auth.js", "middleware auth", "protected routes", "session management", "JWT", "login flow", or needs guidance on implementing authentication and authorization in Next.js applications.

🇺🇸|EnglishTranslated
13
Frontend Developmentpaucasanellas/skills

nuxt

Nuxt 4 architecture patterns including Backend for Frontend (BFF), context-based component organization, server contexts with dependency injection, Pinia stores, Nuxt UI, composables, layouts, middleware, plugins, and clean code best practices. Use when building or reviewing Nuxt 4 applications.

🇺🇸|EnglishTranslated
13
Frontend Developmentvikashvikram/agent-skills

react-typescript-app

Build and structure React applications with TypeScript, Tailwind CSS, Recharts, and modern best practices. Use when creating React components, hooks, API layers, charts, dashboards, or when the user asks about React project structure, TypeScript patterns, or frontend architecture.

🇺🇸|EnglishTranslated
13
Frontend Developmentmaxnorm/magento2-agent-sk...

magento-hyva-specialist

Develops high-performance Magento 2 storefronts using Hyvä theme framework. Use when working with Hyvä themes, Alpine.js, Tailwind CSS, or modern frontend development. Masters Alpine.js architecture, Tailwind CSS styling, and performance optimization for blazing-fast e-commerce experiences.

🇺🇸|EnglishTranslated
13
Frontend Developmentantvis/l7

antv-l7

Comprehensive guide for AntV L7 geospatial visualization library. Use when users need to: (1) Create interactive maps with WebGL rendering (2) Visualize geographic data (points, lines, polygons, heatmaps) (3) Build location-based data dashboards (4) Add map layers, interactions, or animations (5) Process and display GeoJSON, CSV, or other spatial data (6) Integrate maps with AMap (GaodeMap), Mapbox, Maplibre, or standalone L7 Map (7) Optimize performance for large-scale geographic datasets

🇺🇸|EnglishTranslated
13
Frontend Developmentartblocks/skills

scaffold-art-script

Build or convert Art Blocks generative art scripts using artblocks-mcp. Use when helping a user create, scaffold, port, or convert an art script for Art Blocks, or when working with tokenData, hash-based PRNG, FLEX dependencies, PostParams, window.$features traits, p5.js, Three.js, or the Art Blocks generator format.

🇺🇸|EnglishTranslated
13
Frontend Developmentskillatlas/skills

frontend-design-enhanced

Design and implement distinctive, production-ready frontend interfaces for the web. Use when building, redesigning, or polishing components, pages, dashboards, landing pages, design systems, or UI code (HTML/CSS/JS/TS/React/Vue/Tailwind) that must be beautiful, usable, responsive, accessible, and feel deliberately designed rather than generic.

🇺🇸|EnglishTranslated
13
Frontend Developmenthubvue/skills

api-generator

Autonomous Frontend Code Generation Agent specialized in project-aware API integration. Use when user provides backend API specs needing frontend request code, mock data to convert to request types and handlers, API endpoints to add with types mocks and tests, or new API integration following existing project conventions. Automatically detects TypeScript, request patterns, mock infrastructure, and test frameworks to generate artifact-gated code.

🇺🇸|EnglishTranslated
13
Frontend Developmentrstackjs/agent-skills

rsbuild-v2-upgrade

Use when upgrading a Rsbuild 1.x project to v2, including dependency and configuration updates.

🇺🇸|EnglishTranslated
13
Frontend Developmentclaude-dev-suite/claude-d...

axios

Axios - promise-based HTTP client for browser and Node.js USE WHEN: user mentions "Axios", "HTTP requests", "API calls", "interceptors", "Axios instance", asks about "how to make HTTP calls", "configure Axios", "add auth header", "handle HTTP errors" DO NOT USE FOR: Fetch API - use `http-clients` instead; ky/ofetch - use `http-clients` instead; GraphQL clients - use `graphql-codegen` instead; tRPC - use `trpc` instead

🇺🇸|EnglishTranslated
13
Frontend Developmenttanstack-skills/tanstack-...

tanstack-pacer

Framework-agnostic debouncing, throttling, rate limiting, queuing, and batching utilities.

🇺🇸|EnglishTranslated
13
Frontend Developmentkingdee/kwc-skills

kwc-project-scaffold

Use KWC CLI (kd) to translate user requirements into deliverable KWC projects, components, page metadata, environment configurations, deployment and debugging results. This Skill is used when an Agent needs to initialize or extend a KWC project via scaffolding, split functions into KWC components, create or update *.page-meta.kwp, configure kd env, deploy metadata to the target environment, or guide the full process from requirements to KWC page rendering.

🇨🇳|ChineseTranslated
13
1...8990919293...406
Page