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 30,167 skills, Frontend Development has 2977 skills

Categories

Showing 12 of 2977 skills

Per page
Downloads
Sort
Frontend Developmentpbakaus/impeccable

arrange

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy to create intentional compositions.

🇺🇸|EnglishTranslated
6.6k
Frontend Developmentpbakaus/impeccable

typeset

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. Makes text feel intentional and polished.

🇺🇸|EnglishTranslated
6.4k
Frontend Developmentwshobson/agents

responsive-design

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

🇺🇸|EnglishTranslated
6.3k
Frontend Developmentantfu/skills

vue-router-best-practices

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

🇺🇸|EnglishTranslated
6.3k
Frontend Developmentpbakaus/impeccable

overdrive

Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?"

🇺🇸|EnglishTranslated
6.2k
Frontend Developmentantfu/skills

unocss

UnoCSS instant atomic CSS engine, superset of Tailwind CSS. Use when configuring UnoCSS, writing utility rules, shortcuts, or working with presets like Wind, Icons, Attributify.

🇺🇸|EnglishTranslated
6.2k
Frontend Developmentmillionco/react-doctor

react-doctor

Diagnose and fix React codebase health issues. Use when reviewing React code, fixing performance problems, auditing security, or improving code quality.

🇺🇸|EnglishTranslated
6.2k
Frontend Developmentbenjitaylor/agentation

agentation

Add Agentation visual feedback toolbar to a Next.js project

🇺🇸|EnglishTranslated
6.1k
Frontend Developmentaddyosmani/web-quality-sk...

performance

Optimize web performance for faster loading and better user experience. Use when asked to "speed up my site", "optimize performance", "reduce load time", "fix slow loading", "improve page speed", or "performance audit".

🇺🇸|EnglishTranslated
6.1k
Frontend Developmentwshobson/agents

modern-javascript-patterns

Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.

🇺🇸|EnglishTranslated
6.0k
Frontend Developmentibelick/ui-skills

fixing-motion-performance

Fix animation performance issues.

🇺🇸|EnglishTranslated
5.7k
Frontend Developmentsoftaworks/agent-toolkit

react-dev

This skill should be used when building React components with TypeScript, typing hooks, handling events, or when React TypeScript, React 19, Server Components are mentioned. Covers type-safe patterns for React 18-19 including generic components, proper event typing, and routing integration (TanStack Router, React Router).

🇺🇸|EnglishTranslated
3.0k
1...34567...249
Page