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,888 skills, Frontend Development has 4879 skills

Categories

Showing 12 of 4879 skills

Per page
Downloads
Sort
Frontend Developmentpatternsdev/skills

factory-pattern

Use factory functions to create new objects without the `new` keyword.

🇺🇸|EnglishTranslated
6
Frontend Developmentflora131/atomic

optimize

Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.

🇺🇸|EnglishTranslated
6
Frontend Developmentasgard-ai-platform/skills

algo-seo-technical

Optimize Core Web Vitals (LCP, INP, CLS) for better search rankings and user experience. Use this skill when the user needs to diagnose page speed issues, improve Largest Contentful Paint, reduce layout shift, or pass Google's page experience signals — even if they say 'my site is slow', 'Core Web Vitals failing', or 'page speed optimization'.

🇺🇸|EnglishTranslated
6
Frontend Developmentpatternsdev/skills

dynamic-components

Teaches dynamic component switching with Vue's <component> element. Use when you need to render different components conditionally based on runtime state using the is attribute.

🇺🇸|EnglishTranslated
6
Frontend Developmentpaulrberg/agent-skills

effect-ts

This skill should be used when the user asks about Effect-TS patterns, services, layers, error handling, service composition, or writing/refactoring code that imports from 'effect'. Also covers Effect + Next.js integration with @prb/effect-next.

🇺🇸|EnglishTranslated
6
Frontend Developmentaradotso/trending-skills

taiwan-md-knowledge-base

AI-native open knowledge base about Taiwan built with Astro v5, featuring bilingual content (zh-TW/en), D3.js knowledge graph, and structured Markdown SSOT architecture.

🇺🇸|EnglishTranslated
6
Frontend Developmentorderlynetwork/skills

orderly-sdk-theming

Customize the visual appearance of your Orderly DEX with CSS variables, colors, fonts, logos, and TradingView chart styling.

🇺🇸|EnglishTranslated
6
Frontend Developmentorderlynetwork/skills

orderly-sdk-dex-architecture

Complete DEX architecture guide including project structure, provider hierarchy, network configuration, TradingView setup, and provider configuration.

🇺🇸|EnglishTranslated
6
Frontend Developmentabsolutelyskilled/absolut...

vite-plus

Use this skill when working with Vite+, vp CLI, or the VoidZero unified toolchain. Triggers on project scaffolding with vp create, migrating existing Vite projects with vp migrate, running dev/build/test/lint/fmt commands, configuring vite.config.ts with lint/fmt/test/run/pack/staged blocks, managing Node.js versions with vp env, monorepo task execution with vp run, and library packaging with vp pack. Also triggers on references to Oxlint, Oxfmt, Rolldown, tsdown, Vitest, or Vite Task in a Vite+ context.

🇺🇸|EnglishTranslated
6
Frontend Developmentmauricio2093/lighthouse-a...

lighthouse-auditor

Run Lighthouse CLI audits for websites and web applications from environment setup through result interpretation. Use when the user wants to audit performance, accessibility, SEO, best practices, PWA readiness, Core Web Vitals, Lighthouse CI, batch URL scans, localhost pages, or production pages. Trigger this skill for Lighthouse setup and troubleshooting in Linux or WSL, browser launcher failures such as "Cannot find Chrome" or "ECONNREFUSED 127.0.0.1", Chrome or Chromium detection issues, PageSpeed-style analysis requests, or any request to generate Lighthouse HTML and JSON reports with actionable recommendations.

🇺🇸|EnglishTranslated
6
4 scripts/Attention
Frontend Developmentseika139/dotfiles

creative-frontend-aesthetics

Avoid AI-specific "generic designs (AI slop)" and build original, polished UIs. Applicable when implementing frontends for landing pages, dashboards, and apps.

🇨🇳|ChineseTranslated
6
Frontend Developmentranbot-ai/awesome-skills

web-games

Web browser game development principles. Framework selection, WebGPU, optimization, PWA.

🇺🇸|EnglishTranslated
6
1...338339340341342...407
Page