用途：该技能为 Claude Code 提供前端组件相关的编码标准指导，帮助在编写和修改前端组件时遵循统一规范。
主要能力：覆盖创建 React 组件（.tsx、.jsx 文件）、编辑既有组件、设计组件 props 接口与 TypeScript 类型、通过组合小组件实现组件复用、管理组件状态（useState、useReducer 等）、构建或定制 shadcn/ui 组件、创建按钮/卡片/模态框/表单等可复用 UI 组件，以及把臃肿组件重构为职责单一的小组件。还涉及组件文档与用法示例、局部状态与状态提升的取舍、组件命名约定，以及封装内部逻辑、暴露最小 API。
必要用法：资料中仅给出触发场景，未提供具体命令或安装步骤；使用方式为在符合上述场景时由 Claude Code 应用该技能，具体细节参考资料中提到的 “frontend components” 文件。
适用场景：React 项目中的组件开发、重构与规范化。
限制：资料未说明支持的框架版本、是否兼容非 React 框架、具体配置方式及任何收费信息，这些暂未提供。