SuperAPI AI 工具集

frontend-component

前端与建站

查看项目

更新于 10-15 21:09

技能介绍

用途:按项目既定规范创建 React 组件与 Hook,统一目录结构与代码风格。

主要能力:提供生成脚本,可快速创建组件和 Hook。示例命令: ./scripts/generate-component.sh MyButton ./scripts/generate-component.sh ClusterCard clustering ./scripts/generate-hook.sh useTheme

位置规则:可复用组件放在 components/shared/;特定功能组件放在 components/[feature]/;子组件放在 components/[feature]/components/。

规范:使用 Tailwind CSS,slate 用于背景与文字,sky 用于强调色;图标来自 lucide-react;列表或可视化组件用 memo() 包裹;组件始终接受 className 属性;导入使用 @/ 别名。

适用场景:在遵循上述约定的 React 项目中新增组件或 Hook,减少手动建目录和样板代码。

限制:资料未说明支持的项目类型、依赖版本、脚本实现细节、是否支持其他框架或样式方案,也未提供安装步骤与配置要求。