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,524 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developments-hiraoku/vscode-sidebar-...

vscode-webview-expert

This skill provides expert-level guidance for implementing VS Code WebView features. Use when creating WebView panels, implementing secure CSP policies, handling Extension-WebView communication, managing WebView state persistence, optimizing WebView performance, or debugging WebView rendering issues. Covers security best practices, message protocols, and VS Code-specific WebView patterns.

🇺🇸|EnglishTranslated
12
Frontend Developmentmarko-js/marko

marko-best-practices

Apply Marko syntax and best practices when editing `.marko` files and building Marko components.

🇺🇸|EnglishTranslated
12
Frontend Developmentalfredoperez/angular-best...

angular-best-practices-rule-creator

For contributors to angular-best-practices. Creates new rule files and library skills following project conventions. Not for Angular application development — install angular-best-practices instead.

🇺🇸|EnglishTranslated
12
Frontend Developmentharlan-zw/vue-ecosystem-s...

vueuse-shared-skilld

ALWAYS use when writing code importing "@vueuse/shared". Consult for debugging, best practices, or modifying @vueuse/shared, vueuse/shared, vueuse shared, vueuse.

🇺🇸|EnglishTranslated
12
Frontend Developmentharlan-zw/vue-ecosystem-s...

quasar-skilld

ALWAYS use when writing code importing "quasar". Consult for debugging, best practices, or modifying quasar.

🇺🇸|EnglishTranslated
12
Frontend Developmentrolemodel/rolemodel-skill...

bem-structure

Expert guidance for writing, refactoring, and structuring CSS using BEM (Block Element Modifier) methodology. Provides proper CSS class naming conventions, component structure, and Optics design system integration for maintainable, scalable stylesheets.

🇺🇸|EnglishTranslated
12
Frontend Developments-hiraoku/vscode-sidebar-...

vscode-extension-refactorer

This skill provides expert-level guidance for refactoring VS Code extension code. Use when extracting classes or functions, reducing code duplication, improving type safety, reorganizing module structure, applying design patterns, or optimizing performance. Covers systematic refactoring workflows, code smell detection, safe transformation techniques, and VS Code-specific patterns.

🇺🇸|EnglishTranslated
12
Frontend Developmentharlan-zw/vue-ecosystem-s...

tresjs-core-skilld

ALWAYS use when writing code importing "@tresjs/core". Consult for debugging, best practices, or modifying @tresjs/core, tresjs/core, tresjs core, tres.

🇺🇸|EnglishTranslated
12
Frontend Developmentgiuseppe-trisciuoglio/dev...

nextjs-performance

Expert Next.js performance optimization skill covering Core Web Vitals, image/font optimization, caching strategies, streaming, bundle optimization, and Server Components best practices. Use when optimizing Next.js applications for Core Web Vitals (LCP, INP, CLS), implementing next/image and next/font, configuring caching with unstable_cache and revalidateTag, converting Client Components to Server Components, implementing Suspense streaming, or analyzing and reducing bundle size. Supports Next.js 16 + React 19 patterns.

🇺🇸|EnglishTranslated
12
Frontend Developmentyuniorglez/gemini-elite-c...

next16-expert

Senior specialist in Next.js 16.1.1, React 19.2, and Gemini Elite Standards. Focus on Proxy & Cache paradigm and PPR.

🇺🇸|EnglishTranslated
12
Frontend Developmentbasiclines/rampa-studio

accessible-contrast

Generate color ramps designed for WCAG-compliant contrast pairing. Creates 11-step scales with predictable foreground/background combinations.

🇺🇸|EnglishTranslated
12
Frontend Developmentmajesticlabs-dev/majestic...

stimulus-coder

Use when creating or refactoring Stimulus controllers. Applies Hotwire conventions, controller design patterns, targets/values usage, action handling, and JavaScript best practices.

🇺🇸|EnglishTranslated
12
1...102103104105106...406
Page