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 43,574 skills, Frontend Development has 4477 skills

Categories

Showing 12 of 4477 skills

Per page
Downloads
Sort
Frontend Developmentanalogjs/angular-skills

angular-component

Create modern Angular standalone components following v20+ best practices. Use for building UI components with signal-based inputs/outputs, OnPush change detection, host bindings, content projection, and lifecycle hooks. Triggers on component creation, refactoring class-based inputs to signals, adding host bindings, or implementing accessible interactive components.

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

web-quality-audit

Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".

🇺🇸|EnglishTranslated
11
1 scripts/Attention
Frontend Developmentonmax/nuxt-skills

nuxt-seo

Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.

🇺🇸|EnglishTranslated
11
Frontend Developmentsanity-io/agent-toolkit

sanity-best-practices

Comprehensive Sanity development best practices covering GROQ performance, schema design, Visual Editing, images, Portable Text, page builders, Studio configuration, TypeGen, localization, and migrations. Use this skill when building, reviewing, or optimizing Sanity applications.

🇺🇸|EnglishTranslated
11
Frontend Developmentdeckardger/tanstack-agent...

tanstack-query-best-practices

TanStack Query (React Query) best practices for data fetching, caching, mutations, and server state management. Activate when building data-driven React applications with server state.

🇺🇸|EnglishTranslated
11
Frontend Developmentkv0906/cc-skills

premium-frontend-design

Create award-winning, cinematic frontend interfaces that feel ALIVE. Combines 10+ years of creative frontend experience with technical excellence. Specializes in WebGL, custom shaders, premium animations, and distinctive aesthetics that would win on Awwwards. Use when building landing pages, dashboards, platforms, or any interface where "generic AI slop" is unacceptable.

🇺🇸|EnglishTranslated
11
4 scripts/Checked
Frontend Developmentbrianlovin/claude-config

rams

Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.

🇺🇸|EnglishTranslated
11
Frontend Developmentasyrafhussin/agent-skills

react-vite-best-practices

React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving Vite configuration, build optimization, code splitting, lazy loading, HMR, bundle size, or React performance.

🇺🇸|EnglishTranslated
11
Frontend Developmentjeffallan/claude-skills

vue-expert-js

Use when building Vue 3 applications with JavaScript only (no TypeScript). Invoke for JSDoc typing, vanilla JS composables, .mjs modules.

🇺🇸|EnglishTranslated
11
Frontend Developmentdavila7/claude-code-templ...

d3-viz

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

🇺🇸|EnglishTranslated
11
Frontend Developmentaj-geddes/useful-ai-promp...

css-architecture

Organize CSS using BEM, SMACSS, and CSS-in-JS patterns. Use when building scalable, maintainable styling systems with proper naming conventions.

🇺🇸|EnglishTranslated
11
Frontend Developmentaj-geddes/useful-ai-promp...

react-component-architecture

Design scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and maintainable UI systems.

🇺🇸|EnglishTranslated
11
1...3132333435...374
Page