ソース情報
- リポジトリ
- CaoMeiYouRen/momei
- ソースの最終更新活動
- 2026年3月30日 14:04
- 検出された SKILL.md の言語
- 中国語
- スター
- 12
- フォーク
- 0
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- vue-frontend-expert
- description
- 专注于 Vue 3 (Nuxt 4)、SCSS (BEM) 和 I18n 前端实现。
- metadata
- {"internal":true}
# Vue Frontend Expert Skill (Vue 前端专家技能)
## 能力 (Capabilities)
- **Composition API**: 编写模式一致的 `<script setup lang="ts">`。
- **SCSS BEM**: 遵循 BEM (Block Element Modifier) 命名规范编写高度解耦合的样式。
- **I18n 驱动**: 强制使用 `$t()` 或 `useI18n()`。
- **PrimeVue 应用**: 熟练使用项目的 UI 组件库。
- **暗色模式适配**: 编写自适应暗色模式的样式。
## 指令 (Instructions)
1. **样式规范**: 严禁使用内联样式和 `!important`。必须引用全局变量和 Mixins。
2. **响应式设计**: 确保组件在移动端和桌面端表现正常。
3. **SEO 优化**: 页面级组件必须包含 `useHead` 或 `definePageMeta`。
4. **UI 文本**: 禁止硬编码中文/英文。
## 使用示例 (Usage Example)
输入: "创建一个文章卡片组件。"
动作: 编写 `article-card.vue`，使用 BEM 编写 SCSS，并为标题和按钮设置 i18n key。
GitHubで見る