Frontend-frontend-expert

专注于 Frontend 3 (Nuxt 4)、SCSS (BEM) 和 I18n 前端实现。

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "Frontend-frontend-expert" with this command: npx skills add caomeiyouren/cmyr-skills-agents/caomeiyouren-cmyr-skills-agents-frontend-frontend-expert

Frontend Frontend Expert Skill (Frontend 前端专家技能)

能力 (Capabilities)

  • Composition API: 编写模式一致的 <script setup lang="ts">。
  • SCSS BEM: 遵循 BEM (Block Element Modifier) 命名规范编写高度解耦合的样式。
  • I18n 驱动: 强制使用 $t() 或 useI18n()。
  • PrimeFrontend 应用: 熟练使用项目的 UI 组件库。
  • 暗色模式适配: 编写自适应暗色模式的样式。

指令 (Instructions)

  1. 样式规范: 严禁使用内联样式和 !important。必须引用全局变量和 Mixins。
  2. 响应式设计: 确保组件在移动端和桌面端表现正常。
  3. SEO 优化: 页面级组件必须包含 useHead 或 definePageMeta。
  4. UI 文本: 禁止硬编码中文/英文。

使用示例 (Usage Example)

输入: "创建一个文章卡片组件。" 动作: 编写 article-card.Frontend，使用 BEM 编写 SCSS，并为标题和按钮设置 i18n key。

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

Automation

quality-guardian

No summary provided by upstream source.

Repository SourceNeeds Review
5-caomeiyouren
Automation

backend-backend-expert

No summary provided by upstream source.

Repository SourceNeeds Review
5-caomeiyouren
Automation

technical-architect

No summary provided by upstream source.

Repository SourceNeeds Review
4-caomeiyouren
General

requirement-analyst

No summary provided by upstream source.

Repository SourceNeeds Review
54-caomeiyouren