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,537 skills, Frontend Development has 4867 skills

Categories

Showing 12 of 4867 skills

Per page
Downloads
Sort
Frontend Developmentjulianromli/ai-skills

rsc-data-optimizer

Optimize Next.js App Router data fetching by converting slow client-side fetching to fast server-side fetching using React Server Components (RSC). Use when: - User reports slow initial page load with loading spinners - Page uses useEffect + useState for data fetching - StoreContext/useStore pattern causes waterfall fetching - Need to improve SEO (content not in initial HTML) - Converting "use client" pages to Server Components Triggers: "slow loading", "optimize fetching", "SSR data", "RSC optimization", "remove loading spinner", "server-side fetch", "convert to server component", "data fetch lambat", "loading lama"

🇺🇸|EnglishTranslated
9
Frontend Developmentopendndapps/ogt-skills

ogt-docs-rules-code-front

Define and manage frontend coding standards in docs/rules/code/front/. Use when creating React component rules, state management patterns, styling conventions, hook guidelines, or any frontend-specific code rules.

🇺🇸|EnglishTranslated
9
Frontend Developmentpluginagentmarketplace/cu...

graphics-rendering

3D graphics, shaders, VFX, lighting, rendering optimization. Create stunning visuals with production-ready techniques.

🇺🇸|EnglishTranslated
9
1 scripts/Checked
Frontend Developmentingpdw/pdw-fe-dev-tool

fe-a11y

React/Next.js 컴포넌트의 WCAG 2.1 AA 기준 웹 접근성을 검사하고 수정 가이드를 제공하는 스킬. "접근성", "a11y", "accessibility", "WCAG", "스크린리더", "키보드 접근" 등의 요청 시 사용.

🇺🇸|EnglishTranslated
9
Frontend Developmentvinayakkulkarni/vue-nuxt-...

vue-best-practices

Vue.js performance optimization guidelines for building fast, maintainable applications. This skill should be used when writing, reviewing, or refactoring Vue.js code to ensure optimal performance patterns. Triggers on tasks involving Vue components, reactivity, Composition API, state management, or performance improvements.

🇺🇸|EnglishTranslated
9
2 scripts/Checked
Frontend Developmentmikefilsaime-groove/click...

funnel-pages

This skill should be used when the user asks to "create landing pages", "build funnel pages", "sales pages", "opt-in pages", "OTO pages", or mentions funnel pages, conversion pages, or direct response landing pages. Creates high-converting funnel pages using proven frameworks.

🇺🇸|EnglishTranslated
9
Frontend Developmentmindrally/skills

blazor

Guidelines for Blazor development including component lifecycle, state management, and performance optimization

🇺🇸|EnglishTranslated
9
Frontend Developmentmindrally/skills

react

Expert in React development with modern patterns, hooks, and performance optimization

🇺🇸|EnglishTranslated
9
Frontend Developmentmaragudk/skills

datastar

Guide for building interactive web UIs with Datastar and gomponents-datastar. Use this skill when adding frontend interactivity to Go web applications with Datastar attributes.

🇺🇸|EnglishTranslated
9
Frontend Developmentmindrally/skills

monorepo

Best practices for monorepo development with TypeScript, React, Next.js, Expo, Turbo, and related technologies

🇺🇸|EnglishTranslated
9
Frontend Developmentbbeierle12/skill-mcp-clau...

audio-router

Router for audio domain including playback, analysis, and audio-reactive visuals. Use when implementing any audio functionality including music, sound effects, visualizers, or audio-driven animations. Routes to 3 specialized skills.

🇺🇸|EnglishTranslated
9
Frontend Developmentplaneinabottle/fitnessmob...

mobx-state-tree-store-builder

Automates creation of MobX State Tree stores following Fitness Tracker App patterns for domain models, collections, and root store integration. Use when creating new MST stores, models, or extending existing store functionality with proper TypeScript typing, actions, views, and integration patterns.

🇺🇸|EnglishTranslated
9
1 scripts/Checked
1...234235236237238...406
Page