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

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmentkrissss/skills

tauri-create

Tauri Project Creation Wizard. Use case: Create new Tauri applications

🇨🇳|ChineseTranslated
8
Frontend Developmenttirtza-weinfeld/hippocamp...

tailwind-4

Tailwind CSS 4.1+ patterns. Use when styling components, responsive design, container queries, masks, shadows, or animations. (project)

🇺🇸|EnglishTranslated
8
Frontend Developmentrohitg00/awesome-claude-c...

react-patterns

React 19 patterns including Server Components, Actions, Suspense, hooks, and component composition

🇺🇸|EnglishTranslated
8
Frontend Developmentkrissss/skills

tauri-best-practices

Best Practices Guide for Tauri Framework. Use Cases: Tauri Application Development, Code Review, Architecture Design

🇨🇳|ChineseTranslated
8
Frontend Developmentfarming-labs/fm-skills

routing-patterns

Explains client-side routing, server-side routing, file-based routing, and navigation patterns in web applications. Use when implementing routing, understanding how navigation works in SPAs vs MPAs, or configuring routes in meta-frameworks.

🇺🇸|EnglishTranslated
8
Frontend Developmentserkodev/vue-skills

create-agnostic-composable

Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating agnostic or reusable composables.

🇺🇸|EnglishTranslated
8
Frontend Developmentautumnsgrove/claudeskills

d3js-visualization

Professional data visualization creation using D3.js with support for interactive charts, custom visualizations, animations, and responsive design. Use for: (1) Creating custom interactive charts, (2) Building dashboards, (3) Network/graph visualizations, (4) Geographic data mapping, (5) Time series analysis, (6) Real-time data visualization, (7) Complex multi-dimensional data displays

🇺🇸|EnglishTranslated
8
2 scripts/Attention
Frontend Developmentthedivergentai/gd-agentic...

godot-genre-card-game

Expert blueprint for digital card games (CCG/Deckbuilders) including card data structures (Resource-based), deck management (draw/discard/reshuffle), turn logic, hand layout (arcing), drag-and-drop UI, effect resolution (Command pattern), and visual polish (godot-tweening, shaders). Use for CCG, deckbuilders, or tactical card games. Trigger keywords: card_game, deck_manager, card_data, hand_layout, drag_drop_cards, effect_resolution, command_pattern, draw_pile, discard_pile.

🇺🇸|EnglishTranslated
8
Frontend Developmentavvale/aurora-front

angular-material-19

Angular Material 19 components, Material 3 theming, CDK with 2D drag-drop, timepicker, custom form controls, and dark mode. Trigger: When using Material components, creating custom controls, working with CDK, or theming.

🇺🇸|EnglishTranslated
8
Frontend Developmentstuartf303/sorcha

sorcha-ui

Builds Sorcha.UI Blazor WASM pages with accompanying Playwright E2E tests using the Docker test infrastructure. Use when: Working on Sorcha.UI, building new pages, replacing template pages, adding UI features, or testing UI functionality against Docker.

🇺🇸|EnglishTranslated
8
Frontend Developmenthyva-themes/hyva-ai-tools

hyva-alpine-component

Write CSP-compatible Alpine.js components for Hyvä themes in Magento 2. This skill should be used when the user wants to create Alpine components, add interactivity to Hyvä templates, write JavaScript for Hyvä themes, or needs help with Alpine.js patterns that work with Content Security Policy. Trigger phrases include "create alpine component", "add interactivity", "alpine for hyva", "x-data component", "csp compatibility", "csp compliant javascript".

🇺🇸|EnglishTranslated
8
Frontend Developmentphrazzld/claude-config

design-catalog

DESIGN-CATALOG

🇺🇸|EnglishTranslated
8
1...265266267268269...406
Page