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,528 skills, Frontend Development has 4865 skills

Categories

Showing 12 of 4865 skills

Per page
Downloads
Sort
Frontend Developmentmblode/agent-skills

optimise-seo

Optimises SEO for Next.js App Router apps including sitemaps, meta tags, structured data, canonical URLs, Core Web Vitals, and programmatic SEO. Use when asked to improve SEO, add sitemap.xml, fix meta tags, add structured data, set canonical URLs, improve Core Web Vitals, audit SEO, or build SEO pages at scale. Performs no visual redesigns.

🇺🇸|EnglishTranslated
8
Frontend Developmentzesion21/opencode-project...

frontend

You are a frontend expert proficient in React, Vue, Next.js, UI libraries (antdV) and interaction design. Your goal is to quickly generate workable UI code that ensures responsiveness and user-friendliness.

🇨🇳|ChineseTranslated
8
Frontend Developmentarmanzeroeight/fastagent-...

state-management-advisor

Choose and implement React state management solutions including Context, Zustand, Redux Toolkit, TanStack Query, and Jotai. Use when selecting state management, implementing global state, or managing server state in React applications.

🇺🇸|EnglishTranslated
8
Frontend Developmenttech-leads-club/agent-ski...

perf-lighthouse

Run Lighthouse audits locally via CLI or Node API, parse and interpret reports, set performance budgets. Use when measuring site performance, understanding Lighthouse scores, setting up budgets, or integrating audits into CI. Triggers on: lighthouse, run lighthouse, lighthouse score, performance audit, performance budget.

🇺🇸|EnglishTranslated
8
Frontend Developmentgentleman-programming/gen...

angular-core

Angular core patterns: standalone components, signals, inject, control flow, zoneless. Trigger: When creating Angular components, using signals, or setting up zoneless.

🇺🇸|EnglishTranslated
8
Frontend Developmentsweetretry/skills

expressive-style-guide

Cinematic UI Design Guidelines. For high-expression applications such as personal brands, creative galleries, and premium players. Mandatory use of Framer Motion, Tailwind CSS, and React. Use cases: (1) Building projects requiring a "high-end feel", "cinematic feel", or "immersive feel", (2) Auditing UI code for compliance with Kinetic Minimalism specifications, (3) When users request effects similar to Apple Music, Linear, or high-end portfolios.

🇨🇳|ChineseTranslated
8
Frontend Developmentdedsiteam/dedsi-skills

dedsi-vue3-coding

Vue 3 coding guidelines and best practices with Dedsi UI components

🇨🇳|ChineseTranslated
8
Frontend Developmentpartme-ai/full-stack-skil...

avue-form

Provides comprehensive guidance for Avue Form component including form configuration, validation, and dynamic forms. Use when the user asks about Avue Form, needs to create dynamic forms, implement form validation, or work with form configurations.

🇺🇸|EnglishTranslated
8
Frontend Developmentwordpress/agent-skills

wp-block-development

Use when developing WordPress (Gutenberg) blocks: block.json metadata, register_block_type(_from_metadata), attributes/serialization, supports, dynamic rendering (render.php/render_callback), deprecations/migrations, viewScript vs viewScriptModule, and @wordpress/scripts/@wordpress/create-block build and test workflows.

🇺🇸|EnglishTranslated
8
1 scripts/Checked
Frontend Developmentdifferent-ai/openwork

tauri-solidjs

Tauri 2.x + SolidJS stack for OpenWork native app

🇺🇸|EnglishTranslated
8
Frontend Developmentleastbit/claude_skills_zh...

frontend-design

Create unique, production-grade high-quality frontend interfaces. Use this skill when users request to build web components, pages, works, posters, or applications (e.g., websites, landing pages, dashboards, React components, HTML/CSS layouts, or styling any web UI). Generate creative, polished code and UI designs that avoid generic AI aesthetics.

🇨🇳|ChineseTranslated
8
Frontend Developmentlabs-web/lab-alpinejs

expert-tailwind

Expert Technique CSS. Gardien de la charte graphique et des tokens.

🇺🇸|EnglishTranslated
8
1...245246247248249...406
Page