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,396 skills, Frontend Development has 3087 skills

Categories

Showing 12 of 3087 skills

Per page
Downloads
Sort
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 Developmentrstackjs/agent-skills

rsbuild-best-practices

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

🇺🇸|EnglishTranslated
2
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
2
Frontend Developmentredpanda-data/console

api-patterns

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

🇺🇸|EnglishTranslated
2
Frontend Developmentredpanda-data/console

code-standards

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

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

e-commerce-retail

Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences

🇺🇸|EnglishTranslated
2
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
2
1 scripts/Checked
Frontend Developmentmindrally/skills

nextjs-react-redux-typescript-cursor-rules

Comprehensive Next.js, React, Redux, and TypeScript development guidelines covering SOLID principles, component architecture, and best practices.

🇺🇸|EnglishTranslated
2
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
2
Frontend Developmentonewave-ai/claude-skills

css-animation-creator

Create professional CSS animations, transitions, micro-interactions, and complex motion design. Use when adding animations, hover effects, loading states, page transitions, scroll animations, or any motion design work.

🇺🇸|EnglishTranslated
2
1...119120121122123...258
Page