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,765 skills, Frontend Development has 3044 skills

Categories

Showing 12 of 3044 skills

Per page
Downloads
Sort
Frontend Developmentsiriwatknp/mui-treasury

writing-registry-meta

Use this skill when writing meta file for MUI Treasury registry.

🇺🇸|EnglishTranslated
1
Frontend Developmentnext-friday/nextfriday-sk...

nextfriday-best-practices

Next Friday coding standards - naming conventions, code style, imports, types, React/JSX patterns, Next.js rules. Use when writing or reviewing TypeScript/React/Next.js code.

🇺🇸|EnglishTranslated
1
Frontend Developmentchristian289/dotnet-with-...

designing-avalonia-customcontrol-architecture

Defines the basic solution structure for AvaloniaUI Desktop Applications using CustomControl. Use when creating new AvaloniaUI projects or designing stand-alone control styles with ControlTheme.

🇺🇸|EnglishTranslated
1
Frontend Developmentdjankies/claude-configs

reviewing-server-actions

Review Server Actions for security, validation, and best practices in React 19. Use when reviewing forms, mutations, or server-side logic.

🇺🇸|EnglishTranslated
1
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
1...190191192193194...254
Page