---
title: "bamzc&#x2F;claude-skills-frontend skills · skilld"
canonical_url: "https://skilld.dev/gh/bamzc/claude-skills-frontend"
meta:
  description: "前端开发通用 Claude Skills 集合"
  "og:description": "前端开发通用 Claude Skills 集合"
  "og:title": "bamzc/claude-skills-frontend skills"
  "twitter:description": "前端开发通用 Claude Skills 集合"
  "twitter:title": "bamzc/claude-skills-frontend skills"
---

`

[All skills](https://skilld.dev/skills)

[![bamzc avatar](https://skilld.dev/_img/avatar?url=https%3A%2F%2Fgithub.com%2Fbamzc.png)](https://skilld.dev/gh/bamzc)

# **bamzc/claude-skills-frontend**

前端开发通用 Claude Skills 集合

main Updated 8 months ago [GitHub](https://github.com/bamzc/claude-skills-frontend)

![README badge for bamzc/claude-skills-frontend](https://skilld.dev/b/bamzc/claude-skills-frontend?theme=light&label=0)

## Repository statistics

- Indexed skills

  **5**
- Skill groups

  **1**
- GitHub stars

  **75**
- Forks

  **10**

## Skills

5 total

Sort skills

[<h3>**/agentation**</h3>Add Agentation visual feedback toolbar to any React project /agentation](https://skilld.dev/gh/bamzc/claude-skills-frontend/agentation)

Updated 8 months ago

[<h3>**/amis-builder**</h3>amis 低代码框架专家和知识库。\*\*严格触发条件\*\*：用户必须明确提到 'amis'、'低代码'、'百度 amis' 等关键词。\*\*核心能力\*\*：(1) 回答 amis 使用问题（组件用法、属性配置、表达式、事件等），(2) 生成 amis JSON schema（CRUD、表单、卡片、对话框等），(3) 生成 amis 静态 HTML 预览页面（仅当用户明确要求 amis + 预览/静态HTML 时），(4) 调试和优化 amis 配置。\*\*严格禁止触发\*\*：(1) 用户未提及 amis 或低代码，(2) 用户明确要求其他框架（React、Vue、Angular、Vite 等工程化项目），(3) 用户只说'生成表单'但没提 amis。\*\*关键词\*\*：amis、低代码、百度 amis、aisuda、amis schema、amis 组件、amis 预览。 /amis-builder](https://skilld.dev/gh/bamzc/claude-skills-frontend/amis-builder)

Updated 8 months ago

[<h3>**/ui-ux-pro-max**</h3>UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. /ui-ux-pro-max](https://skilld.dev/gh/bamzc/claude-skills-frontend/ui-ux-pro-max)

Updated 9 months ago

[<h3>**/frontend-code-review**</h3>当用户需要对前端代码进行全面审查时使用此技能，包括 React、Vue、Angular 或原生 JavaScript/TypeScript 项目。适用于代码审查、Pull Request 评审、性能审计、安全检查等场景。 /frontend-code-review](https://skilld.dev/gh/bamzc/claude-skills-frontend/frontend-code-review)

Updated 9 months ago

[<h3>**/skill-creator**</h3>Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations. /skill-creator](https://skilld.dev/gh/bamzc/claude-skills-frontend/skill-creator)

Updated 9 months ago

## Add to your README

The badge links readers to this page. It shows the skilld mark and no counts, and it follows the reader's light or dark GitHub theme.

`<a href="https://skilld.dev/gh/bamzc/claude-skills-frontend"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://skilld.dev/b/bamzc/claude-skills-frontend?theme=dark"> <source media="(prefers-color-scheme: light)" srcset="https://skilld.dev/b/bamzc/claude-skills-frontend?theme=light"> <img alt="Skill repository on skilld.dev" src="https://skilld.dev/b/bamzc/claude-skills-frontend?theme=light"> </picture> </a>`