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 43,555 skills, Frontend Development has 4475 skills

Categories

Showing 12 of 4475 skills

Per page
Downloads
Sort
Frontend Developmentmindrally/skills

nextjs-react-typescript

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

🇺🇸|EnglishTranslated
15
Frontend Developmentjeffallan/claude-skills

shopify-expert

Use when building Shopify themes, apps, custom storefronts, or e-commerce solutions. Invoke for Liquid templating, Storefront API, app development, checkout customization, Shopify Plus features.

🇺🇸|EnglishTranslated
15
Frontend Developmentbobmatnyc/claude-mpm-skil...

react-state-machines

Building reusable React state machine skills with XState v5 and the actor model

🇺🇸|EnglishTranslated
15
Frontend Developmentdevelite98/angular-best-p...

angular-best-practices-v20

Angular 20+ performance optimization guidelines with Signals, httpResource, signal inputs/outputs, @defer, and native control flow (@if, @for). Use when writing, reviewing, or refactoring modern Angular code. Triggers on tasks involving Angular components, services, data fetching, bundle optimization, or performance improvements.

🇺🇸|EnglishTranslated
15
Frontend Developmentdchuk/claude-code-tauri-s...

understanding-tauri-architecture

Teaches Claude about Tauri's core architecture, including the Rust backend, webview integration, Core-Shell design pattern, IPC mechanisms, and security model fundamentals.

🇺🇸|EnglishTranslated
14
Frontend Developmentremix-run/agent-skills

react-router-data-mode

Build React applications using React Router's data mode with createBrowserRouter and RouterProvider. Use when working with route objects, loaders, actions, Form, useFetcher, or pending/optimistic UI without the Vite plugin.

🇺🇸|EnglishTranslated
14
Frontend Developmentvinayakkulkarni/vue-nuxt-...

nuxt-best-practices

Nuxt 3/4 performance optimization and architecture guidelines for building fast, maintainable full-stack applications. This skill should be used when writing, reviewing, or refactoring Nuxt code to ensure optimal patterns. Triggers on tasks involving data fetching, server routes, auto-imports, rendering modes, or Nuxt-specific features.

🇺🇸|EnglishTranslated
14
2 scripts/Checked
Frontend Developmenttamagui/tamagui

tamagui

Universal React UI framework for web and native. Use when building cross-platform apps with Tamagui, creating styled components with `styled()`, configuring design tokens/themes, using Tamagui UI components, or working with animations. Triggers: "tamagui", "styled()", "$token", "XStack/YStack", "useTheme", "@tamagui/*" imports, "createStyledContext", "variants".

🇺🇸|EnglishTranslated
14
Frontend Developmentvercel-labs/json-render

json-render-react

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

🇺🇸|EnglishTranslated
14
Frontend Developmentpartme-ai/full-stack-skil...

ant-design-vue

Provides comprehensive guidance for Ant Design Vue (AntDV) component library for Vue 3. Covers installation, usage, API reference, templates, and all component categories. Use when building enterprise-class UI with Vue 3 and Ant Design.

🇺🇸|EnglishTranslated
14
Frontend Developmentopenai/skills

develop-web-game

Use when Codex is building or iterating on a web game (HTML/JS) and needs a reliable development + testing loop: implement small changes, run a Playwright-based test script with short input bursts and intentional pauses, inspect screenshots/text, and review console errors with render_game_to_text.

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

hover-interactions

Use when creating mouse hover effects - button highlights, card lifts, link underlines, image zooms, or any pointer-triggered animation.

🇺🇸|EnglishTranslated
14
1...1819202122...373
Page