frontend-frontend-expert

Frontend Frontend Expert Skill (Frontend Frontend Expert Skill)

Capabilities (Capabilities)

• Composition API: Write consistent-pattern <script setup lang="ts">。
• SCSS BEM: Write highly decoupled styles following the BEM (Block Element Modifier) naming convention.
• I18n-driven: Mandatorily use $t() or useI18n()。
• PrimeFrontend application: Proficiently use the project's UI component library.
• Dark mode adaptation: Write styles that adapt to dark mode.

Instructions (Instructions)

1. Style conventions: Inline styles and !importantare strictly prohibited. Global variables and Mixins must be referenced.
2. Responsive design: Ensure components behave correctly on mobile and desktop.
3. SEO optimization: Page-level components must include useHead or definePageMeta。
4. UI text: Hardcoding Chinese/English is prohibited.

Usage Example (Usage Example)

Input: "Create an article card component." Action: Write article-card.Frontend, write SCSS using BEM, and set i18n keys for the title and button.