skills.rest
bamzcbamzcCommunity·5 Agent Skills Included

claude-skills-frontend

Frontend code review, UI design guidance, and low-code page generation

Reviews React, Vue, and TypeScript code for quality, performance, security, and accessibility issues. Generates UI design recommendations covering styles, color palettes, fonts, and layouts across eight frameworks. Builds amis low-code pages and adds visual feedback toolbars to React projects. Eliminates manual design research and repetitive code inspection work.
73|8
↗
npx skills add bamzc/claude-skills-frontend --all -g -y
Available:

Defines a Chinese-language coding persona with strict rules for code style, commenting, safe command execution, and confirmation before dangerous operations.

All Skills in This Repository (5)

Pure Emerald Level Indicators
📦 In Repo
bamzcbamzc

agentation

Integrate the Agentation visual feedback toolbar into React projects for element annotation.

Community
Basic
📦 In Repo
bamzcbamzc

skill-creator

...

Community
Intermediate
📦 In Repo
bamzcbamzc

ui-ux-pro-max

Provide UI/UX design guidance using a searchable database of styles, palettes, and font pairings.

Community
Intermediate
📦 In Repo
bamzcbamzc

frontend-code-review

Review frontend codebases for quality, performance, security, and accessibility.

Community
Advanced
📦 In Repo
bamzcbamzc

amis-builder

Generate Amis JSON schemas for forms and CRUD interfaces.

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install claude-skills-frontend?▼

Run `npx skills add bamzc/claude-skills-frontend --all -g -y` in your terminal to install all skills globally.

How to review frontend code automatically?▼

Ask your agent to use the frontend-code-review skill on any file, and it returns a scored report covering quality, performance, security, and accessibility.

How to get UI design suggestions for a landing page?▼

The ui-ux-pro-max skill searches a built-in database of 50 styles, 21 color palettes, and 50 font pairings to recommend a complete design system for your product type.

Can it generate amis low-code pages?▼

Yes. The amis-builder skill generates amis JSON schemas and ready-to-preview HTML pages for forms, CRUD tables, and dialogs when you mention amis or low-code.

Does it work with React and Vue projects?▼

Yes. The skills support React, Vue, Next.js, Svelte, Angular, and plain TypeScript, plus a toolbar skill for annotating elements in any React 18+ app.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills