component-scaffolder
组件脚手架生成器
根据组件描述自动生成符合项目规范的组件代码。
工作流程
1. 技术栈识别
读取 package.json 自动判断,然后按对应技术栈生成代码。
2. 项目规范探测
在生成代码前,先探测项目的现有规范:
- 目录结构:扫描
src/components/或src/pages/的目录组织方式 - 命名规范:检查现有组件是 PascalCase 目录还是 kebab-case
- 文件组织:单文件组件 vs 目录组件(index.tsx + styles + types)
- 导入风格:绝对路径(
@/components)vs 相对路径 - 状态管理:Redux/Zustand/Pinia/Vuex
More from sakumyz/skills
excel-to-markdown
将 Excel 文件转换为 Markdown 表格,支持合并单元格处理、多工作表输出、基础字体语义(粗体/斜体)与超链接转换。适用于将式样书、数据表转为可读的 Markdown 文档。
65excel-sheet-splitter
将Excel工作簿按工作表拆分为独立的Excel文件,每个工作表生成一个单独的文件。适用场景:(1) 将多工作表Excel文件拆分为单独文件,(2) 提取特定工作表为独立文件,(3) 分发合并工作簿中的工作表,(4) 为单独处理或分发创建工作表副本。
11redmine-ticket-to-task
Redmine 工单到开发计划的一站式流程。从 Redmine 票据自动提取需求、分析任务范围、拆解开发步骤、定位相关式样书和代码文件。适用于:(1) 收到新的 Redmine 课题/Bug/Todo 时,(2) 需要快速理解票据并制定开发计划时。需配合 redmine-search skill 使用。
9perf-analyzer
前端性能分析助手。分析组件渲染性能、Bundle 大小、网络请求效率,给出优化建议。适用于:(1) 页面加载慢排查,(2) 组件重渲染优化,(3) Bundle 体积优化,(4) 运行时性能瓶颈定位。
8smart-debugger
前端智能调试助手。从错误信息、控制台日志、异常行为描述快速定位问题代码并给出修复建议。适用于:(1) 运行时错误(TypeError、ReferenceError 等),(2) 控制台警告分析,(3) 页面白屏/卡顿排查,(4) 网络请求异常,(5) 组件渲染异常。与 BugHunter 区别:smart-debugger 聚焦快速定位,BugHunter 做完整闭环修复。
8redmine-search
Redmine 访问 Skill,仅查询指派给我的工单,提供通过 API Token 认证方式访问 Redmine 系统的功能。
8