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,888 skills, Frontend Development has 4879 skills

Categories

Showing 12 of 4879 skills

Per page
Downloads
Sort
Frontend Developmentlingui/skills

swc-plugin-compatibility

Diagnose and fix Lingui SWC plugin compatibility errors with Next.js, Rspack, or other SWC runtimes. Use when seeing errors like "failed to invoke plugin", "failed to run Wasm plugin transform", "out of bounds memory access", or "LayoutError" during builds with @lingui/swc-plugin.

🇺🇸|EnglishTranslated
6
Frontend Developmentanthonyshew/dotfiles

npm-deps-cleanup

Audit and reduce JavaScript package dependency footprint across npm, pnpm, Yarn, and Bun projects. Use when asked to remove unused dependencies, deduplicate workspace dependency versions, lockfiles or node_modules, analyze direct dependencies' transitive lockfile closure, find low-risk upgrades that reduce dependency trees, inline trivial dependencies, or apply e18e dependency replacement recommendations.

🇺🇸|EnglishTranslated
6
Frontend Developmentilya-valasiuk/agent-skill...

organizing-classnames

Enforces classNames package usage patterns and Tailwind CSS class ordering conventions in React components. Use this skill whenever writing or reviewing component className props, applying Tailwind classes, using the classnames package, organizing breakpoint-specific styles, writing conditional class expressions, or when the user asks about CSS class ordering, mobile-first responsive patterns, or how to handle className props in components.

🇺🇸|EnglishTranslated
6
Frontend Developmentsyncfusion/blazor-ui-comp...

syncfusion-blazor-chart-wizard

Implements the Syncfusion Blazor Chart Wizard for guided chart creation. Use this when building interactive chart builders that require step-by-step configuration, data binding, and export features. Covers chart customization, theming, and accessibility.

🇺🇸|EnglishTranslated
6
Frontend Developmentsecondsky/claude-skills

tanstack-query

TanStack Query v5 (React Query) server state management. Use for data fetching, caching, mutations, or encountering v4 migration, stale data, invalidation errors.

🇺🇸|EnglishTranslated
6
3 scripts/Attention
Frontend Developmentsecondsky/claude-skills

hugo

Hugo static site generator with Tailwind v4, headless CMS (Sveltia/Tina), Cloudflare deployment. Use for blogs, docs sites, or encountering theme installation, frontmatter, baseURL errors.

🇺🇸|EnglishTranslated
6
14 scripts/Attention
Frontend Developmentaradotso/devtools-skills

threejs-devtools-mcp

MCP server for real-time Three.js scene inspection, material editing, shader debugging, and performance monitoring from AI agents

🇺🇸|EnglishTranslated
6
Frontend Developmentaradotso/devtools-skills

react-devtools-plus

Drop-in Vite/Webpack plugin that mirrors React Fiber trees, profiles renders, and provides visual debugging overlay for React 16-19 apps.

🇺🇸|EnglishTranslated
6
Frontend Developmentremotion-dev/remotion

version

The version of Remotion we are working on.

🇺🇸|EnglishTranslated
6
Frontend Developmentgabrielmoreira/skills

typescript-skills

Use when working on TypeScript code and needing to choose the smallest focused TypeScript skill for coding standards, boundaries, composition, configs, async control, error handling, observability, security, or testing.

🇺🇸|EnglishTranslated
6
19 scripts/Attention
Frontend Developmentpmndrs/react-three-start

react-three-start

Build, explain, and modify @react-three/start apps that use file-based React Three Fiber scene and DOM composition. Use when working in a react-three-start project, when the user mentions @react-three/start, react-three-start, R3F app structure, .scene.tsx/.dom.tsx files, Scene/Dom slots, wrappers, start.config.ts, or the react-three-start/r3s CLI.

🇺🇸|EnglishTranslated
6
Frontend Developmentbklit/bklit-ui

add-x-tweet

Add X (Twitter) testimonials to the bklit homepage. Fetches username, avatar, and tweet text from a status URL and appends an entry to apps/web/lib/testimonials.ts. Use when the user shares an x.com/twitter.com tweet URL to add or replace a testimonial.

🇺🇸|EnglishTranslated
6
1 scripts/Attention
1...341342343344345...407
Page