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 54,152 skills, Frontend Development has 5130 skills

Categories

Showing 12 of 5130 skills

Per page
Downloads
Sort
Frontend Developmentassistant-ui/tool-ui

tool-ui

Find, install, configure, and integrate Tool UI components in React apps using shadcn registry entries, compatibility checks, scaffolded runtime wiring, and troubleshooting workflows. Use when developers ask to add one or more Tool UI components, choose components for a use case, verify compatibility, or wire Tool UI payloads into assistant-ui or an existing chat/runtime stack.

🇺🇸|EnglishTranslated
25
7 scripts/Attention
Frontend Developmentmarmelab/react-admin

react-admin

This skill should be used when building, modifying, or debugging a react-admin application — including creating resources, lists, forms, data fetching, authentication, relationships between entities, custom pages, or any CRUD admin interface built with react-admin.

🇺🇸|EnglishTranslated
25
Frontend Developmentjackiexiao/jackie-skills-...

web-design-guidelines

查看用户界面代码以了解Web界面指南合规性。在被要求“查看我的用户界面”、“检查辅助功能”、“审核设计”、“查看用户体验”或“根据最佳做法检查我的网站”时使用。

🇺🇸|EnglishTranslated
25
Frontend Developmentoakoss/agent-skills

tanstack-virtual

TanStack Virtual for virtualizing large lists, grids, and tables. Use when rendering thousands of rows, implementing infinite scroll, or optimizing large data displays. Use for virtual, virtualize, virtual-list, virtual-scroll, useVirtualizer, infinite-scroll, windowing.

🇺🇸|EnglishTranslated
25
Frontend Developmentcloudai-x/threejs-skills

threejs-animation

Three.js animation - keyframe animation, skeletal animation, morph targets, animation mixing. Use when animating objects, playing GLTF animations, creating procedural motion, or blending animations.

🇺🇸|EnglishTranslated
25
Frontend Developmentvuejs-ai/skills

create-adaptable-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 adaptable or reusable composables.

🇺🇸|EnglishTranslated
25
Frontend Developmentibelick/ui-skills

fixing-accessibility

Fix accessibility issues.

🇺🇸|EnglishTranslated
25
Frontend Developmentcloudai-x/threejs-skills

threejs-fundamentals

Three.js scene setup, cameras, renderer, Object3D hierarchy, coordinate systems. Use when setting up 3D scenes, creating cameras, configuring renderers, managing object hierarchies, or working with transforms.

🇺🇸|EnglishTranslated
25
Frontend Developmentcloudai-x/threejs-skills

threejs-lighting

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

🇺🇸|EnglishTranslated
25
Frontend Developmentgiuseppe-trisciuoglio/dev...

react-patterns

Comprehensive React 19 patterns expert covering Server Components, Actions, use() hook, useOptimistic, useFormStatus, useFormState, React Compiler, concurrent features, Suspense, and modern TypeScript development. Proactively use for any React development, component architecture, state management, performance optimization, or when implementing React 19's latest features.

🇺🇸|EnglishTranslated
25
Frontend Developmentjezweb/claude-skills

tinacms

Build content-heavy sites with Git-backed TinaCMS. Provides visual editing for blogs, documentation, and marketing sites. Supports Next.js, Vite+React, and Astro with TinaCloud or Node.js self-hosting. Prevents 10 documented errors. Use when setting up CMS with non-technical editors or troubleshooting ESbuild compilation, module resolution, package manager compatibility, edge runtime limitations, or media upload timeouts.

🇺🇸|EnglishTranslated
25
12 scripts/Attention
Frontend Developmentenzed/r3f-skills

r3f-lighting

React Three Fiber lighting - light types, shadows, Environment component, IBL. Use when adding lights, configuring shadows, setting up environment lighting, or optimizing lighting performance.

🇺🇸|EnglishTranslated
25
1...6364656667...428
Page