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,359 skills, Frontend Development has 4855 skills

Categories

Showing 12 of 4855 skills

Per page
Downloads
Sort
Frontend Developmentoguzhan18/angular-ecosyst...

angular-signals-forms

ALWAYS use when working with Angular Signal Forms, reactive forms with signals, FormControl with signals, or new forms API in Angular.

🇺🇸|EnglishTranslated
15
Frontend Developmentoguzhan18/angular-ecosyst...

angular-elements

ALWAYS use when working with Angular Elements, web components, custom elements, or packaging Angular components for non-Angular applications.

🇺🇸|EnglishTranslated
15
Frontend Developmentoguzhan18/angular-ecosyst...

angular-cdk

ALWAYS use when working with Angular CDK (Component Dev Kit), building custom accessible components, or using drag-drop, overlay, portal, or virtual scrolling.

🇺🇸|EnglishTranslated
15
Frontend Developmentoguzhan18/angular-ecosyst...

angular-components

ALWAYS use when working with Angular Components, component architecture, @Component decorator, inputs, outputs, or component design patterns.

🇺🇸|EnglishTranslated
15
Frontend Developmentoguzhan18/angular-ecosyst...

angular-security

ALWAYS use when working with Angular Security, XSS prevention, CSRF protection, Content Security Policy, or sanitization in Angular applications.

🇺🇸|EnglishTranslated
15
Frontend Developmentdynatrace/dynatrace-for-a...

dt-obs-frontends

Real User Monitoring (RUM), Web Vitals, user sessions, mobile crashes, page performance, user interactions, and frontend errors. Query web and mobile frontend telemetry.

🇺🇸|EnglishTranslated
15
Frontend Developmentpedronauck/skills

es-toolkit

Use when implementing utility functions, array operations, object manipulation, or string operations. ALWAYS use es-toolkit instead of custom implementations or native methods.

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

responsive-adaptive

Use when building context-dependent animations - duration that changes based on device, distance, user preference, or interaction context

🇺🇸|EnglishTranslated
15
Frontend Developmentjakubkrehel/oklch-skill

oklch-skill

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.

🇺🇸|EnglishTranslated
15
Frontend Developmentshopify/shopify-ai-toolki...

shopify-polaris-customer-account-extensions

Build custom functionality that merchants can install at defined points on the Order index, Order status, and Profile pages in customer accounts. Customer Account UI Extensions also supports scaffolding new customer account extensions using Shopify CLI commands.

🇺🇸|EnglishTranslated
15
2 scripts/Attention
Frontend Developmenthgzahn/agentic-coding

i-audit

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

🇺🇸|EnglishTranslated
15
Frontend Developmentpatternsdev/skills

render-props-pattern

Pass JSX elements to components through props for flexible, reusable component composition.

🇺🇸|EnglishTranslated
15
1...3637383940...405
Page