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 31,304 skills, Frontend Development has 3081 skills

Categories

Showing 12 of 3081 skills

Per page
Downloads
Sort
Frontend Developmentopusgamelabs/game-creator

phaser

Build 2D browser games with Phaser 3 using scene-based architecture and centralized state. Use when creating a new 2D game, adding 2D game features, working with Phaser, or building sprite-based web games.

🇺🇸|EnglishTranslated
2
Frontend Developmentopusgamelabs/game-creator

game-audio

Game audio engineer using Strudel.cc for background music and Web Audio API for sound effects in browser games. Use when adding music or SFX to a game.

🇺🇸|EnglishTranslated
2
Frontend Developmentrstackjs/agent-skills

rspack-debugging

Helps Rspack users and developers debug crashes or deadlocks/hangs in the Rspack build process using LLDB. Use this Skill when users encounter "Segmentation fault" errors during Rspack builds or when the build progress gets stuck.

🇺🇸|EnglishTranslated
2
1 scripts/Checked
Frontend Developmentopusgamelabs/game-creator

game-deploy

Deploy browser games to GitHub Pages or other hosting. Use when deploying a game, setting up hosting, or publishing a game build.

🇺🇸|EnglishTranslated
2
Frontend Developmentyunshu0909/yunshu_skillsh...

ui-design

Collaboration Process for UI Style Modifications. Used when users request page style changes, layout adjustments, or UI detail tweaks. The structured process of "Screenshot Localization → Current Status Description → Option Selection → Code Modification → Fine-tuning" reduces communication deviations and avoids token waste.

🇨🇳|ChineseTranslated
2
Frontend Developmentrstackjs/agent-skills

rspack-best-practices

Rspack best practices for config, CLI workflow, type checking, CSS, bundle optimization, assets and profiling. Use when writing, reviewing, or troubleshooting Rspack projects.

🇺🇸|EnglishTranslated
2
Frontend Developmentkostja94/marketing-skills

pages-404

When the user wants to create, optimize, or audit 404 error pages. Also use when the user mentions "404 page," "error page," "page not found," or "broken link page."

🇺🇸|EnglishTranslated
2
Frontend Developmentgetsentry/sentry-agent-sk...

sentry-react-sdk

Full Sentry SDK setup for React. Use when asked to "add Sentry to React", "install @sentry/react", or configure error monitoring, tracing, session replay, profiling, or logging for React applications. Supports React 16+, React Router v5-v7, TanStack Router, Redux, Vite, and webpack.

🇺🇸|EnglishTranslated
2
Frontend Developmentdylantarre/animation-prin...

friendliness-approachability

Use when creating animations that feel warm, welcoming, and make users feel comfortable engaging.

🇺🇸|EnglishTranslated
2
Frontend Developmentremotion-dev/remotion

add-sfx

Add a new sound effect to @remotion/sfx

🇺🇸|EnglishTranslated
2
Frontend Developmentgetsentry/sentry-agent-sk...

sentry-nextjs-sdk

Full Sentry SDK setup for Next.js. Use when asked to "add Sentry to Next.js", "install @sentry/nextjs", or configure error monitoring, tracing, session replay, logging, profiling, AI monitoring, or crons for Next.js applications. Supports Next.js 13+ with App Router and Pages Router.

🇺🇸|EnglishTranslated
2
Frontend Developmentvercel/flags

flags-sdk

Comprehensive guide for implementing feature flags and A/B tests using the Flags SDK (the `flags` npm package). Use when: (1) Creating or declaring feature flags with `flag()`, (2) Setting up feature flag providers/adapters (Vercel, Statsig, LaunchDarkly, PostHog, GrowthBook, Hypertune, Edge Config, OpenFeature, Flagsmith, Reflag, Split, Optimizely, or custom adapters), (3) Implementing precompute patterns for static pages with feature flags, (4) Setting up evaluation context with `identify` and `dedupe`, (5) Integrating the Flags Explorer / Vercel Toolbar, (6) Working with feature flags in Next.js (App Router, Pages Router, Middleware) or SvelteKit, (7) Writing custom adapters, (8) Encrypting/decrypting flag values for the toolbar, (9) Any task involving the `flags`, `flags/next`, `flags/sveltekit`, `flags/react`, or `@flags-sdk/*` packages. Triggers on: feature flags, A/B testing, experimentation, flags SDK, flag adapters, precompute flags, Flags Explorer, feature gates, flag overrides.

🇺🇸|EnglishTranslated
2
1...109110111112113...257
Page