SuperAPI AI 工具集

frontend-frontend-expert

前端与建站

查看项目

更新于 10-16 14:53

技能介绍

Frontend Frontend Expert Skill(Frontend 前端专家技能)是一个专注于特定前端技术栈的实现型技能,核心覆盖 Frontend 3(Nuxt 4)、SCSS(BEM)和 I18n 三个方面。

用途:用于在前端项目中进行组件与样式的规范化实现,使代码在脚本编写、样式命名、国际化与页面元信息等方面保持一致。

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

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

使用示例:输入“创建一个文章卡片组件”,动作是编写 article-card 组件,使用 BEM 编写 SCSS,并为标题和按钮设置 i18n key。

适用场景:适用于采用 Nuxt 4 与 SCSS、需要国际化支持和暗色模式的前端项目开发。

限制:资料未提供安装命令、价格、平台与更多限制信息,暂未提供。