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 31,285 skills, Frontend Development has 3081 skills

Categories

Showing 12 of 3081 skills

Per page
Downloads
Sort
Frontend Developmentharlan-zw/vue-ecosystem-s...

vue-i18n-skilld

ALWAYS use when writing code importing "vue-i18n". Consult for debugging, best practices, or modifying vue-i18n, vue i18n.

🇺🇸|EnglishTranslated
2
Frontend Developmentansanabria/skills

recharts

Build composable, responsive React charts with Recharts library. Use when creating data visualizations including line charts, area charts, bar charts, pie charts, scatter plots, and composed charts. Handles chart customization, responsive sizing, tooltips, legends, axes configuration, performance optimization, and accessibility.

🇺🇸|EnglishTranslated
2
Frontend Developmentaustintgriffith/ethskills

frontend-playbook

The complete build-to-production pipeline for Ethereum dApps. Fork mode setup, IPFS deployment, Vercel config, ENS subdomain setup, and the full production checklist. Built around Scaffold-ETH 2 but applicable to any Ethereum frontend project. Use when deploying any dApp to production.

🇺🇸|EnglishTranslated
2
Frontend Developmentmindrally/skills

esbuild-bundler

Best practices and guidelines for esbuild, the ultra-fast JavaScript and TypeScript bundler and minifier

🇺🇸|EnglishTranslated
2
Frontend Developmentatman-33/atman-workspace

vscode-webview-ui

Develop React applications for VS Code Webview surfaces. Use when working on the `webview-ui` package, creating features, components, or hooks for VS Code extensions. Includes project structure, coding guidelines, and testing instructions.

🇺🇸|EnglishTranslated
2
Frontend Developmentharlan-zw/vue-ecosystem-s...

vee-validate-skilld

ALWAYS use when writing code importing "vee-validate". Consult for debugging, best practices, or modifying vee-validate, vee validate.

🇺🇸|EnglishTranslated
2
Frontend Developmentadeonir/agent-skills

design-builder

Design-to-code pipeline: extract copy from URLs, extract design tokens from images, then build React components or HTML preview variants. Use when: extracting content from websites, extracting design systems, generating frontend code, previewing design variants, sending to Figma via MCP. Triggers on "extract copy", "extract design", "build frontend", "generate variants", "export design", "send to Figma".

🇺🇸|EnglishTranslated
2
Frontend Developmentharlan-zw/vue-ecosystem-s...

vue-router-skilld

ALWAYS use when writing code importing "vue-router". Consult for debugging, best practices, or modifying vue-router, vue router, router.

🇺🇸|EnglishTranslated
2
Frontend Developmentharlan-zw/vue-ecosystem-s...

primevue-skilld

ALWAYS use when writing code importing "primevue". Consult for debugging, best practices, or modifying primevue.

🇺🇸|EnglishTranslated
2
Frontend Developmentirahardianto/monarch

frontend-design

Generates distinctive, production-grade frontend interfaces and artifacts (React, Vue, HTML/CSS). Prioritizes bold aesthetics, unique typography, and motion to avoid generic designs. Use when building websites, landing pages, dashboards, posters, or when the user requests to style, beautify, or create visually striking UI.

🇺🇸|EnglishTranslated
2
Frontend Developmentharlan-zw/vue-ecosystem-s...

tanstack-vue-query-skilld

ALWAYS use when writing code importing "@tanstack/vue-query". Consult for debugging, best practices, or modifying @tanstack/vue-query, tanstack/vue-query, tanstack vue-query, tanstack vue query, query.

🇺🇸|EnglishTranslated
2
Frontend Developmentremotion-dev/remotion

add-expert

Add a new expert to the Remotion experts page

🇺🇸|EnglishTranslated
2
1...104105106107108...257
Page