fa-slot-creator

npx skills add fantastic-admin/basic --skill fa-slot-creator --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

# Fantastic-admin 插槽创建器 框架通过约定自动发现插槽：目录名必须与插槽名完全匹配（区分大小写），文件名固定为 `index.vue`。不符合约定的文件不会被加载，这是框架的自动发现机制决定的。 ## 第一步：确认工作区（必须阻塞等待用户回复） 本项目是 monorepo 架构，`apps/` 目录下存放各应用。**在执行任何文件读写操作之前**，必须先确认目标应用： 1. 执行 `ls apps/` 列出所有可用应用 2. **立即向用户提问**，明确询问要在哪个应用中创建插槽，并**停止等待回复** 3. 收到用户明确回复后，才能继续后续步骤 > **严格规则**：如果用户没有在请求中明确说明目标应用（例如"在 example 应用中"、"apps/core"），则必须提问，不得自行猜测或默认选择任何应用。 确认后，后续所有文件路径均以该应用目录为根，例如 `apps/<app>/src/slots/`。 ## 创建插槽（手动步骤） 1. 创建目录：`apps/<app>/src/slots/{插槽名称}/` 2. 在该目录下创建 `index.vue` 文件，内容参考下方模板 ### 普通插槽模板 ```vue <script setup lang="ts"> // 在此添加插槽逻辑 </script> <template> <div> <!-- 在此添加插槽内容 --> </div> </template> <style scoped> /* 在此添加插槽样式 */ </style> ``` ### FreePosition 插槽模板 ```vue <script setup lang="ts"> // 在此添加插槽逻辑 </script> <template> <div class="free-position-slot"> <!-- 在此添加插槽内容 --> <!-- 注意：此插槽需要绝对定位 --> </div> </template> <style scoped> .free-position-slot { position: absolute; /* 在此设置定位坐标，例如： */ /* bottom: 20px; */ /* right: 20px; */ /* z-index: 1000; */ } </style> ``` ## 可用插槽位置 | 区域 | 插槽名称 | |------|---------| | 布局 | `LayoutTop`、`LayoutBottom` | | 头部 | `HeaderStart`、`HeaderAfterLogo`、`HeaderAfterMenu`、`HeaderEnd` | | 主侧边栏 | `MainSidebarTop`、`MainSidebarAfterLogo`、`