frontend-code-review
前端代码审查技能
技能用途
对前端代码进行系统化审查,涵盖代码质量、性能、安全、可访问性等多个维度。支持 React、Vue、Angular 和原生 JavaScript/TypeScript 项目。
审查工作流程
第一步:识别项目类型和范围
执行以下识别工作:
- 确定框架类型(React、Vue、Angular、原生 JS/TS)
- 评估代码规模(单组件、功能模块、完整应用)
- 检查明显的语法错误、格式问题或导入错误
第二步:多维度系统审查
按照以下维度逐一审查代码:
More from bamzc/claude-skills-frontend
amis-builder
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 预览。
19ui-ux-pro-max
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.
9agentation
Add Agentation visual feedback toolbar to any React project
8skill-creator
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.
8