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 30,538 skills, Frontend Development has 3018 skills

Categories

Showing 12 of 3018 skills

Per page
Downloads
Sort
Frontend Developmentaddyosmani/web-quality-sk...

best-practices

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or "check for vulnerabilities".

🇺🇸|EnglishTranslated
6
Frontend Developmentraphaelsalaja/userinterfa...

generating-sounds-with-ai

Audit Web Audio API code for sound synthesis best practices. Use when reviewing procedural audio, implementing UI sounds, or checking audio parameter quality. Outputs file:line findings.

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

accessibility

Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".

🇺🇸|EnglishTranslated
6
Frontend Developmenthairyf/skills

valtio

Valtio proxy state management for React and vanilla JavaScript. Use when creating reactive state, managing application state, or working with proxy-based state management.

🇺🇸|EnglishTranslated
6
Frontend Developmentuni-helper/skills

uni-app

Comprehensive skill reference for uni-app cross-platform development framework

🇺🇸|EnglishTranslated
6
Frontend Developmenthairyf/skills

hairy-react-lib

Comprehensive skills for working with @hairy/react-lib React hooks and components

🇺🇸|EnglishTranslated
6
Frontend Developmenthairyf/skills

valtio-define

Comprehensive skills for working with valtio-define

🇺🇸|EnglishTranslated
6
Frontend Developmentjeffallan/claude-skills

shopify-expert

Use when building Shopify themes, apps, custom storefronts, or e-commerce solutions. Invoke for Liquid templating, Storefront API, app development, checkout customization, Shopify Plus features.

🇺🇸|EnglishTranslated
6
Frontend Developmentjezweb/claude-skills

icon-set-generator

Generate cohesive, project-specific SVG icon sets for websites and applications. Use this skill whenever the user needs custom icons, an icon set for a website or app, icons for a client project, or mentions needing SVG icons that look consistent together. Also trigger when the user describes a project and icons would naturally be part of the deliverable — e.g. "I'm building a site for a plumber" implies they'll need service icons. Trigger on: "icons for", "icon set", "custom icons", "SVG icons", "make me icons", "I need icons", "website icons", "project icons", or any request for consistent visual assets for a web project. This skill produces individual SVG files with a consistent style engine, not generic icon library lookups.

🇺🇸|EnglishTranslated
6
Frontend Developmentpartme-ai/full-stack-skil...

ant-design-vue

Provides comprehensive guidance for Ant Design Vue (AntDV) component library for Vue 3. Covers installation, usage, API reference, templates, and all component categories. Use when building enterprise-class UI with Vue 3 and Ant Design.

🇺🇸|EnglishTranslated
6
Frontend Developmentvercel-labs/agent-browser

next

Run headless Chrome in Next.js serverless functions using @sparticuz/chromium + puppeteer-core. Use when the user needs browser automation from a Next.js app, wants to take screenshots or snapshots from server actions or API routes, or is building a Next.js app that needs headless Chrome. Triggers include "screenshot from Next.js", "headless Chrome in serverless", "browser automation in Next.js", "puppeteer on Vercel", or any task requiring Chrome in a Next.js server context.

🇺🇸|EnglishTranslated
6
Frontend Developmentjusteattakeaway/pie

pie-design-system

Usage guidelines for the PIE design system by Just Eat Takeaway. Use when building, modifying, debugging any user-facing web UI, referencing @justeattakeaway/pie-* packages or when the user asks for a UI that should follow JET/PIE design standards.

🇺🇸|EnglishTranslated
5
1 scripts/Checked
1...1213141516...252
Page