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 44,572 skills, Frontend Development has 4526 skills

Categories

Showing 12 of 4526 skills

Per page
Downloads
Sort
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
3
Frontend Developmentbaidu-maps/jsapi-skills

bmap-jsapi-gl

Baidu Maps JSAPI WebGL (BMapGL) Development Guide. This skill should be applied when writing, reviewing, or debugging code that uses the Baidu Maps API. It is suitable for tasks involving map initialization, overlay rendering, layer management, event handling, control interaction, or performance optimization. It is automatically triggered when users mention BMapGL, Baidu Maps, jsapi-gl, or related map development requirements.

🇨🇳|ChineseTranslated
3
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
3
Frontend Developmentkostja94/marketing-skills

components-footer

When the user wants to design, optimize, or audit website footers. Also use when the user mentions "footer," "page footer," "site footer," "footer links," "footer navigation," or "footer SEO."

🇺🇸|EnglishTranslated
3
Frontend Developmentredpanda-data/console

api-patterns

Connect Query patterns for API calls. Use when working with mutations, queries, or data fetching.

🇺🇸|EnglishTranslated
3
Frontend Developmentredpanda-data/console

code-standards

TypeScript, React, and JavaScript best practices enforced by Ultracite/Biome.

🇺🇸|EnglishTranslated
3
Frontend Developmentopusgamelabs/game-creator

promo-video

Record a high-FPS autonomous promo video of a Phaser game using Playwright. Triggers on: promo video, gameplay recording, marketing video, game capture.

🇺🇸|EnglishTranslated
3
1 scripts/Checked
Frontend Developmentlaurigates/claude-plugins

typescript-strict

TypeScript strict mode configuration for 2025. Recommended tsconfig.json settings, strict flags explained, moduleResolution strategies (Bundler vs NodeNext), verbatimModuleSyntax, noUncheckedIndexedAccess. Use when setting up TypeScript projects or migrating to stricter type safety.

🇺🇸|EnglishTranslated
3
Frontend Developmentthebushidocollective/han

typescript-async-patterns

Use when typeScript async patterns including Promises, async/await, and async iterators with proper typing. Use when writing asynchronous TypeScript code.

🇺🇸|EnglishTranslated
3
Frontend Developmentthebushidocollective/han

typescript-type-system

Use when working with TypeScript's type system including strict mode, advanced types, generics, type guards, and compiler configuration.

🇺🇸|EnglishTranslated
3
Frontend Developmentdiet103/claude-code-infra...

frontend-dev-guidelines

Frontend development guidelines for React/TypeScript applications. Modern patterns including Suspense, lazy loading, useSuspenseQuery, file organization with features directory, MUI v7 styling, TanStack Router, performance optimization, and TypeScript best practices. Use when creating components, pages, features, fetching data, styling, routing, or working with frontend code.

🇺🇸|EnglishTranslated
3
Frontend Developmentnyhxiaoning/skill_webaudi...

website_audit

Use Lighthouse to perform performance audits on web pages and return JSON results, suitable for local development and CI regression testing

🇨🇳|ChineseTranslated
3
1...265266267268269...378
Page