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,676 skills, Frontend Development has 4878 skills

Categories

Showing 12 of 4878 skills

Per page
Downloads
Sort
Frontend Developmentpatternsdev/skills

singleton-pattern

Share a single global instance throughout your application to manage global state.

🇺🇸|EnglishTranslated
8
Frontend Developmentpatternsdev/skills

import-on-interaction

Load non-critical resources when a user interacts with UI requiring it.

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

algo-seo-schema

Implement Schema.org structured data markup in JSON-LD format for enhanced search results. Use this skill when the user needs to add rich snippets to web pages, implement FAQ/Product/Article schema, or validate structured data — even if they say 'rich snippets', 'structured data', or 'Google rich results'.

🇺🇸|EnglishTranslated
8
Frontend Developmentmohitmishra786/low-level-...

wasm-emscripten

WebAssembly with Emscripten skill for C/C++ to WASM compilation. Use when compiling C/C++ to WebAssembly with emcc, configuring EXPORTED_FUNCTIONS, understanding the WASM memory model, using Asyncify for async C code, debugging .wasm with browser devtools or wasm-opt, or targeting WASI vs browser environments. Activates on queries about Emscripten, emcc, WebAssembly from C/C++, WASM memory model, Asyncify, EXPORTED_FUNCTIONS, WASI, or wasm-opt.

🇺🇸|EnglishTranslated
8
Frontend Developmentpatternsdev/skills

renderless-components

Teaches the renderless component pattern for logic-only Vue components. Use when you want to encapsulate behavior without dictating markup, letting consumers control rendering via scoped slots.

🇺🇸|EnglishTranslated
8
Frontend Developmentclaude-dev-suite/claude-d...

radix-ui

Radix UI unstyled accessible React components. Headless primitives. USE WHEN: user mentions "Radix", "Radix UI", "headless components", "unstyled primitives", asks about "accessible components", "Radix primitives" DO NOT USE FOR: shadcn/ui (use shadcn-ui skill), styled component libraries (Material-UI, Chakra), Vue/Svelte (use Headless UI)

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

design-systems

Use this skill when building design systems, creating component libraries, defining design tokens, implementing theming, or setting up Storybook. Triggers on design tokens, component library, Storybook, theming, CSS variables, style dictionary, variant props, compound components, and any task requiring systematic UI component architecture.

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

on-site-seo

Use this skill when implementing on-page SEO fixes in code - meta tags, title tags, heading structure, internal linking, image optimization, semantic HTML, Open Graph and Twitter card tags, and framework-specific SEO patterns. Covers Next.js Metadata API and generateMetadata, Nuxt useSeoMeta, Astro SEO patterns, and Remix meta function. Triggers on any hands-on code task to improve a page's on-site SEO signals.

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

localization-i18n

Use this skill when working with internationalization (i18n), localization (l10n), translation workflows, right-to-left (RTL) layout support, pluralization rules, or ICU MessageFormat syntax. Triggers on translating strings, setting up i18n libraries (react-intl, i18next, FormatJS), handling plural forms, formatting dates/numbers/currencies for locales, building translation pipelines, configuring RTL stylesheets, or writing ICU message patterns with select/plural/selectordinal.

🇺🇸|EnglishTranslated
8
Frontend Developmentneondatabase/neon-js

neon-auth-react

Sets up Neon Auth in React applications (Vite, CRA). Configures authentication adapters, creates auth client, and sets up UI components. Use when adding auth-only to React apps (no database needed).

🇺🇸|EnglishTranslated
8
Frontend Developmentaradotso/trending-skills

slug-font-rendering

Reference HLSL shader implementations for the Slug font rendering algorithm, enabling high-quality GPU-accelerated vector font and glyph rendering.

🇺🇸|EnglishTranslated
8
Frontend Developmentorderlynetwork/skills

orderly-sdk-page-components

Use pre-built page components from Orderly SDK to quickly assemble complete DEX pages (TradingPage, Portfolio, Markets, Leaderboard, etc.)

🇺🇸|EnglishTranslated
8
1...291292293294295...407
Page