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,644 skills, Frontend Development has 3029 skills

Categories

Showing 12 of 3029 skills

Per page
Downloads
Sort
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
4
Frontend Developmentpartme-ai/full-stack-skil...

element-plus-vue3

Provides comprehensive guidance for Element Plus Vue 3 component library including installation, components, themes, internationalization, and API reference. Use when the user asks about Element Plus for Vue 3, needs to build Vue 3 applications with Element Plus, or customize component styles.

🇺🇸|EnglishTranslated
4
Frontend Developmentgohypergiant/agent-skills

accelint-design-foundation

Use when styling components or elements with @accelint/design-foundation or @accelint/design-toolkit packages, or when users say "style this", "add styling", "theme this component", "add colors", "add spacing", "CSS modules", "setup design foundation", "@variant", or when working with .module.css files. Provides opinionated Tailwind conventions including semantic tokens, custom spacing scale, outline-based borders, variant system, and CSS module setup guidance.

🇺🇸|EnglishTranslated
4
Frontend Developmentvisactor/vchart

vchart-development-assistant

VChart Chart Library Expert Assistant, supporting scenarios such as problem diagnosis, configuration generation, image/Figma design draft restoration, and providing accurate chart development solutions based on structured knowledge bases

🇨🇳|ChineseTranslated
4
3 scripts/Checked
Frontend Developmentgancao-web/base-tools

base-tools

Web工具库的skills和rules。精准推荐ts/web/react/vue/uni-app中常用工具函数和hooks

🇺🇸|EnglishTranslated
4
Frontend Development224-industries/webflow-sk...

webflow-designer-api

Work with the Webflow Designer API — either by building Designer Extensions (iframes inside the Webflow Designer) or by generating code snippets for the Designer API Playground. Covers element manipulation, styles, components, pages, variables, assets, error handling, CLI usage, and UI design patterns. Use when creating, debugging, or modifying Designer Extensions, OR when the user wants to run Designer API code in the Playground app.

🇺🇸|EnglishTranslated
4
1 scripts/Attention
Frontend Developmentbenjaminsehl/liquid-skill...

liquid-theme-a11y

Implement WCAG 2.2 accessibility patterns in Shopify Liquid themes. Covers e-commerce-specific components including product cards, carousels, cart drawers, price display, forms, filters, and modals. Use when building accessible theme components, fixing accessibility issues, or reviewing ARIA patterns in .liquid files.

🇺🇸|EnglishTranslated
4
Frontend Developmentkostja94/marketing-skills

signup-login-page-generator

When the user wants to create, optimize, or audit signup and login pages. Also use when the user mentions "signup page," "login page," "registration page," "auth page," "sign up form," "create account," "student discount at signup," or "auth subdomain."

🇺🇸|EnglishTranslated
4
Frontend Developmentgithub/awesome-copilot

web-coder

Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards. Use when working with HTML, CSS, JavaScript, web APIs, HTTP/HTTPS, web security, performance optimization, accessibility, or any web/internet concepts. Specializes in translating web terminology accurately and implementing modern web standards across frontend and backend development.

🇺🇸|EnglishTranslated
4
Frontend Developmentsupercent-io/skills-templ...

video-production

Produce programmable videos with Remotion using scene planning, asset orchestration, and validation gates for automated, brand-consistent video content.

🇺🇸|EnglishTranslated
4
Frontend Developmentkeremerkan/asc-screenshot...

asc-screenshots

Use when building App Store screenshot pages, generating exportable marketing screenshots for iOS apps or iPad apps, or creating programmatic screenshot generators with Next.js. Triggers on app store, screenshots, marketing assets, html-to-image, device mockup, frameme, asc-client, asc-screenshots.

🇺🇸|EnglishTranslated
4
Frontend Developmentofershap/tailwind-best-pr...

tailwind-best-practices

Stop your AI agent from generating Tailwind CSS v3 code. Rules for v4 syntax, CSS-first config, modern utility patterns, and common anti-patterns.

🇺🇸|EnglishTranslated
4
1...1516171819...253
Page