dk-frontend-skills 1.0.8 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/.claude/settings.local.json +7 -0
  2. package/.claude/skills/agentation/.meta.json +6 -0
  3. package/.claude/skills/fe-biz-patterns/.meta.json +6 -0
  4. package/.claude/skills/fe-biz-patterns/SKILL.md +2 -1
  5. package/.claude/skills/fe-biz-patterns/references/infinite-scroll.md +1 -1
  6. package/.claude/skills/fe-biz-patterns/references/tab-anchor.md +1125 -0
  7. package/.claude/skills/fe-biz-patterns/references/use-loading.md +2 -2
  8. package/.claude/skills/frontend-code-review/.meta.json +6 -0
  9. package/.claude/skills/frontend-design/.meta.json +6 -0
  10. package/.claude/skills/moai-framework-electron/.meta.json +6 -0
  11. package/.claude/skills/skill-creator/.meta.json +6 -0
  12. package/.claude/skills/ui-ux-pro-max/.meta.json +6 -0
  13. package/.claude/skills/vue/.meta.json +6 -0
  14. package/package.json +1 -1
  15. package/scripts/copy-skills.js +244 -46
package/.claude/settings.local.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "permissions": {
3
+ "allow": [
4
+ "mcp__chrome-devtools__evaluate_script"
5
+ ]
6
+ }
7
+ }
package/.claude/skills/agentation/.meta.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "name": "agentation",
3
+ "version": "1.0.0",
4
+ "description": "Agentation React 可视化反馈工具栏",
5
+ "tags": ["react", "ui", "debug"]
6
+ }
package/.claude/skills/fe-biz-patterns/.meta.json ADDED
@@ -0,0 +1,6 @@
1
+ {
2
+ "name": "fe-biz-patterns",
3
+ "version": "1.0.0",
4
+ "description": "前端业务模式库，收录前端业务中沉淀的方案和最佳实践",
5
+ "tags": ["frontend", "pattern", "vue", "react"]
6
+ }
package/.claude/skills/fe-biz-patterns/SKILL.md CHANGED
@@ -1,6 +1,6 @@
1
1
  ---
2
2
  name: fe-biz-patterns
3
- description: 前端业务模式库，收录 XiaoMa 在实际业务中沉淀的前端方案和最佳实践。当用户要求实现包含以下特征的功能时使用：loading/加载/加载态、滚动加载/无限滚动/触底加载、数据导入导出、批量操作、表单联动、权限控制、大列表渲染、文件上传、实时搜索、拖拽排序、Service层封装/请求层/axios封装、Pinia Store模式/状态管理/分页数据管理等常见前端业务场景。
3
+ description: 前端业务模式库，收录 XiaoMa 在实际业务中沉淀的前端方案和最佳实践。当用户要求实现包含以下特征的功能时使用：loading/加载/加载态、滚动加载/无限滚动/触底加载、数据导入导出、批量操作、表单联动、权限控制、大列表渲染、文件上传、实时搜索、拖拽排序、Service层封装/请求层/axios封装、Pinia Store模式/状态管理/分页数据管理、Tab 锚点/TabAnchor/带锚点滚动的 Tab 切换/吸顶 Tab 栏/浮动 Tab 栏/Tab 滑动指示器等常见前端业务场景。
4
4
  ---
5
5
 
6
6
  # 前端业务模式库
@@ -17,6 +17,7 @@ XiaoMa 实战沉淀的前端业务方案集合，覆盖日常开发中高频出
17
17
  | 滚动触底自动加载 | 列表滚动加载更多、无限滚动、分页拉取 | [infinite-scroll.md](references/infinite-scroll.md) |
18
18
  | Service 层封装 | axios 实例封装、API 模块组织、拦截器管理、多 API 源隔离 | [service-layer.md](references/service-layer.md) |
19
19
  | Pinia Store 模式 | Setup Store 格局、分页数据管理、storeToRefs 解构规范 | [pinia-store.md](references/pinia-store.md) |
20
+ | Tab 锚点滚动 | TabAnchor 锚点 Tab 组件：自动/手动模式、顶栏/侧栏布局、slide/scale 指示器、sticky 吸顶、float 浮动、IntersectionObserver 自动追踪、自定义 Tab 按钮 | [tab-anchor.md](references/tab-anchor.md) |
20
21
 
21
22
  > **使用方式**：根据用户需求匹配上方方案，点击对应链接阅读完整实现文档，按文档中的模式生成代码。选择方案后**必须向用户确认**再执行。
22
23
 
package/.claude/skills/fe-biz-patterns/references/infinite-scroll.md CHANGED
@@ -26,7 +26,7 @@
26
26
 
27
27
  ```ts
28
28
  import { ref, nextTick, onMounted, onUnmounted, type Ref } from 'vue'
29
- import { useLoading } from '@/composables/useLoading'
29
+ import { useLoading } from '@/hooks/useLoading'
30
30
 
31
31
  interface UseInfiniteScrollOptions<T> {
32
32
  /** 分页请求函数，返回当前页的数据数组。返回空数组时视为加载完毕 */