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 31,118 skills, Frontend Development has 3067 skills

Categories

Showing 12 of 3067 skills

Per page
Downloads
Sort
Frontend Developmentjoabgonzalez/ai-agents-fr...

react

Modern React with hooks and functional components. Trigger: When creating components, implementing hooks, managing state, or optimizing.

🇺🇸|EnglishTranslated
1
Frontend Developmentelie222/inbox-zero

hooks

React hooks

🇺🇸|EnglishTranslated
1
Frontend Developments-hiraoku/harnesses-facto...

jotai-expert

Jotai状態管理ライブラリのエキスパートスキル。Reactアプリケーションでのatomベースの状態管理を実装する際に使用。以下の場合にこのスキルを使用: (1) Jotaiのatom設計・実装 (2) 派生atom、非同期atom、atomFamilyの実装 (3) Jotaiのベストプラクティスに基づくリファクタリング (4) パフォーマンス最適化(selectAtom、splitAtom等) (5) 永続化(localStorage/sessionStorage連携) (6) TypeScript型定義 (7) テスト実装 ユーザーが「Jotai」「atom」「状態管理」に関する質問や実装依頼をした場合に発動。

🇺🇸|EnglishTranslated
1
Frontend Developmentmarius-townhouse/effectiv...

function-type-expressions

Use when writing multiple functions with same signature. Use when implementing callbacks. Use when matching existing function types.

🇺🇸|EnglishTranslated
1
Frontend Developmentdang-hai/agentpulse

agentpulse-setup

Set up AgentPulse in a React or Electron project. Use when the user wants to add AgentPulse, make their app MCP-controllable, or integrate with Claude Code/Claude Desktop. This is a ONE-TIME setup skill. For help writing useExpose hooks, use the "agentpulse" skill instead.

🇺🇸|EnglishTranslated
1
Frontend Developmentreactive/data-client

data-client-graphql-setup

Set up @data-client/graphql for GraphQL APIs. Configures GQLEndpoint with auth and custom options. Use after data-client-setup detects GraphQL patterns.

🇺🇸|EnglishTranslated
1
Frontend Developmentthebushidocollective/han

react-native-web-core

Use when working with React Native Web projects. Provides core concepts, components, and cross-platform patterns for building web applications with React Native.

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

urgency-action

Use when creating animations that prompt immediate user action, highlight time-sensitivity, or drive conversions.

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

continuous-infinite

Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue

🇺🇸|EnglishTranslated
1
Frontend Developmentverekia/r3f-gamedev

miniplex

Use Miniplex for minimalistic Entity Component System with TypeScript support.

🇺🇸|EnglishTranslated
1
Frontend Developmentforever-efficient/pitfal-...

optimize-images

Batch optimize images for web delivery. Converts to WebP, generates multiple sizes, and creates blur placeholders.

🇺🇸|EnglishTranslated
1
Frontend Developmentforever-efficient/pitfal-...

preview

Start local development server for previewing the site.

🇺🇸|EnglishTranslated
1
1...154155156157158...256
Page