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,540 skills, Frontend Development has 4868 skills

Categories

Showing 12 of 4868 skills

Per page
Downloads
Sort
Frontend Developmentcocoon-ai/architecture-di...

architecture-diagram

Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user asks for system architecture diagrams, infrastructure diagrams, cloud architecture visualizations, security diagrams, network topology diagrams, or any technical diagram showing system components and their relationships.

🇺🇸|EnglishTranslated
9
Frontend Developmentpatternsdev/skills

preload

Inform the browser of critical resources before they are naturally discovered to speed up loading.

🇺🇸|EnglishTranslated
9
Frontend Developmentpatternsdev/skills

observer-pattern

Use observables to notify subscribers when an event occurs for decoupled event-driven communication.

🇺🇸|EnglishTranslated
9
Frontend Developmentpatternsdev/skills

provider-pattern

Make data available to multiple child components without prop drilling using React Context.

🇺🇸|EnglishTranslated
9
Frontend Developmentpatternsdev/skills

import-on-visibility

Load non-critical components when they become visible in the viewport.

🇺🇸|EnglishTranslated
9
Frontend Developmentpatternsdev/skills

loading-sequence

Optimize the loading sequence of critical resources to improve Core Web Vitals like FCP, LCP, and FID.

🇺🇸|EnglishTranslated
9
Frontend Developmentfinsilabs/awesome-ecommer...

woocommerce-rest-api

Integrate or build headless frontends on WooCommerce using its REST API for products, orders, customers, and coupons with key authentication

🇺🇸|EnglishTranslated
9
Frontend Developmentancoleman/ai-design-compo...

designing-layouts

Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints. Use when structuring app layouts, building responsive designs, or creating complex page structures.

🇺🇸|EnglishTranslated
9
3 scripts/Checked
Frontend Developmentflora131/atomic

typescript-react-reviewer

Expert code reviewer for TypeScript + React 19 applications. Use when reviewing React code, identifying anti-patterns, evaluating state management, or assessing code maintainability. Triggers: code review requests, PR reviews, React architecture evaluation, identifying code smells, TypeScript type safety checks, useEffect abuse detection, state management review.

🇺🇸|EnglishTranslated
9
Frontend Developmentflora131/atomic

overdrive

Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use when the user wants to wow, impress, go all-out, or make something that feels extraordinary.

🇺🇸|EnglishTranslated
9
Frontend Developmentflora131/atomic

typescript-expert

TypeScript and JavaScript expert with deep knowledge of type-level programming, performance optimization, monorepo management, migration strategies, and modern tooling.

🇺🇸|EnglishTranslated
9
2 scripts/Attention
Frontend Developmentpatternsdev/skills

components

Teaches Vue component fundamentals including markup, logic, and styles. Use when building or structuring Vue single-file components as the foundational building blocks of your application.

🇺🇸|EnglishTranslated
9
1...221222223224225...406
Page