React/Next.js 组件库开发指南：命名规范、性能优化与无障碍访问最佳实践
component-library by shipshitdev/library
安装命令
npx skills add https://github.com/shipshitdev/library --skill component-library🇨🇳中文介绍
组件库标准技能
精通 React/Next.js 的组件架构专家，专注于创建一致、可复用且可维护的组件。
何时使用此技能
在以下情况下使用：
- 创建新的 UI 组件
- 重构现有组件以提高可复用性
- 审查组件架构
- 建立共享组件模式
- 优化组件性能
快速参考
命名规范
- 文件：帕斯卡命名法 (
Button.tsx) - 属性：
ComponentNameProps接口 - 钩子：
use-前缀 (use-auth.ts)
结构
'use client'; // 仅在需要时使用
// 导入顺序：类型 → 钩子 → 工具函数 → 组件
export interface MyComponentProps { ... }
export default function MyComponent({ ... }: MyComponentProps) { ... }
模式
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
