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,607 skills, Frontend Development has 3025 skills

Categories

Showing 12 of 3025 skills

Per page
Downloads
Sort
Frontend Developmenthairyf/knitwork-x

knitwork-x

Utilities to generate JavaScript and TypeScript code programmatically. Use when building code generators, AST-to-code output, or dynamic source generation.

🇺🇸|EnglishTranslated
8
Frontend Developmentrivet-dev/skills

rivetkit-client-react

RivetKit React client guidance. Use for React apps that connect to Rivet Actors with @rivetkit/react, create hooks with createRivetKit, or manage realtime state with useActor.

🇺🇸|EnglishTranslated
8
Frontend Developmentvamseeachanta/workspace-h...

echarts

Create powerful interactive charts with Apache ECharts - balanced ease-of-use and customization

🇺🇸|EnglishTranslated
8
Frontend Developmentfigma/mcp-server-guide

implement-design

Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.

🇺🇸|EnglishTranslated
7
Frontend Developmenthairyf/skills

react-use

Collection of essential React Hooks for sensors, UI, animations, side-effects, lifecycles, and state management

🇺🇸|EnglishTranslated
7
Frontend Developmentmindrally/skills

nextjs-react-typescript

Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind

🇺🇸|EnglishTranslated
7
Frontend Developmenthairyf/skills

hairy-utils

Comprehensive skills for working with @hairy/utils core utilities

🇺🇸|EnglishTranslated
6
Frontend Developmentanalogjs/angular-skills

angular-forms

Build signal-based forms in Angular v21+ using the new Signal Forms API. Use for form creation with automatic two-way binding, schema-based validation, field state management, and dynamic forms. Triggers on form implementation, adding validation, creating multi-step forms, or building forms with conditional fields. Signal Forms are experimental but recommended for new Angular projects.

🇺🇸|EnglishTranslated
6
Frontend Developmenthairyf/skills

motion

Motion animation library for JavaScript, React and Vue. Use when creating animations, gestures, layout transitions, scroll-linked effects, or working with motion values and animation controls.

🇺🇸|EnglishTranslated
6
Frontend Developmenthairyf/skills

next

Next.js framework for building React applications with App Router, Server Components, and optimized performance. Use when working with Next.js apps, routing, data fetching, caching, Server Actions, or building full-stack React applications.

🇺🇸|EnglishTranslated
6
Frontend Developmenthairyf/skills

overlastic

Comprehensive skills for working with Overlastic

🇺🇸|EnglishTranslated
6
Frontend Developmenthairyf/skills

valtio

Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.

🇺🇸|EnglishTranslated
6
1...1112131415...253
Page