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

Categories

Showing 12 of 3081 skills

Per page
Downloads
Sort
Frontend Developmentaustintgriffith/ethskills

frontend-ux

Frontend UX rules for Ethereum dApps that prevent the most common AI agent UI bugs. Mandatory patterns for onchain buttons, token approval flows, address display, USD values, RPC configuration, and pre-publish metadata. Built around Scaffold-ETH 2 but the patterns apply to any Ethereum frontend. Use when building any dApp frontend.

🇺🇸|EnglishTranslated
2
Frontend Developmentopusgamelabs/game-creator

meshyai

Generate custom 3D models from text or images using Meshy AI, then auto-rig and animate them for Three.js games. The preferred source for all 3D game assets.

🇺🇸|EnglishTranslated
2
Frontend Developmentmelvynx/api2cli

api2cli-publish-to-npm

Publishes an api2cli-generated CLI package to the npm registry. Handles package.json validation, version bumping, building, and npm publish. Use when user asks to "publish to npm", "release to npm", "publish this CLI", "npm publish", "make this installable via npx", "publish a new version", or "update npm".

🇺🇸|EnglishTranslated
2
Frontend Developmentyoanbernabeu/slidev-skill...

slidev-styling

Style Slidev slides with UnoCSS and custom CSS. Use this skill for custom colors, typography, animations, and responsive designs.

🇺🇸|EnglishTranslated
2
Frontend Developmenttreehausdev/skills

treehaus-builder

The entry point for building a client website. Walks you through a structured intake — business details, design preferences, content needs — then orchestrates the full build and deploy pipeline.

🇺🇸|EnglishTranslated
2
Frontend Developmentsonofmagic/skills

weapp-vite-wevu-performance-best-practices

Performance playbook for `weapp-vite + wevu` mini-program projects, aligned with WeChat runtime guidance (`setData`, render, navigation, resource, memory). Use this whenever users report lag, frame drop, white screen, slow page switching, memory alert, or want to implement systematic performance governance, stress testing and regression.

🇨🇳|ChineseTranslated
2
Frontend Developmentsonofmagic/skills

weapp-tailwindcss

Help users integrate and troubleshoot weapp-tailwindcss in uni-app, taro, uni-app x and native mini-program projects. Use when users mention weapp-tailwindcss, invalid Tailwind in mini-programs, arbitrary rpx values, JS string class, space-y/space-x, weapp-tw patch, content/@source, twMerge/cva/tv.

🇨🇳|ChineseTranslated
2
Frontend Developmentsonofmagic/skills

weapp-vite-vue-sfc-best-practices

Vue SFC implementation playbook for weapp-vite mini-program projects, including `<script setup lang="ts">`, JSON macros (`defineAppJson/definePageJson/defineComponentJson`), `usingComponents`, template directive compatibility, and SFC compile/runtime troubleshooting. Use when users ask about `.vue` authoring or refactoring in mini-programs (e.g. "v-model 在小程序里怎么写", "definePageJson 和 <json> 怎么选", "SFC 编译报错", "usingComponents 不生效").

🇺🇸|EnglishTranslated
2
Frontend Developmenttreehausdev/skills

treehaus

The complete AI web agency toolkit. One skill to run a full client website project — from intake to design to build to deploy. Orchestrates sub-skills and sub-agents for fast, high-quality delivery.

🇺🇸|EnglishTranslated
2
Frontend Developmentsonofmagic/skills

weapp-ide-cli-best-practices

Command governance and automation playbook for weapp-ide-cli, including official CLI passthrough, automator commands, config/i18n persistence, command catalog export, and integration contracts with weapp-vite CLI dispatch.

🇺🇸|EnglishTranslated
2
Frontend Developmentarco-design/arco-design-s...

arco-design

Arco Design React UI component library reference (@arco-design/web-react). Use this skill whenever the user asks to build a page, create a UI, write frontend code, develop a web application, design a dashboard, or implement any React interface — especially when they mention Arco, arco-design, @arco-design/web-react, or any Arco component name (Button, Table, Form, Modal, Select, Menu, etc.). Covers all 70 components with full API, code examples, import patterns, theming, i18n, layout, forms, tables, modals, navigation, data entry, data display, feedback, responsive design, and best practices.

🇺🇸|EnglishTranslated
2
Frontend Developmentwithastro/astro

astro-developer

Comprehensive guide for developing in the Astro monorepo. Covers architecture, debugging, testing, and critical constraints. Use when working on features, fixes, tests, or understanding the codebase structure.

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