用途：该技能用于约束前端开发方式，核心原则是“配合框架，而非对抗框架”。用户提供要构建或修改的组件、页面或界面需求，技能确保代码遵循框架与组件库的设计意图。
主要能力与做法：使用组件库组件时，直接调用其文档化的props与API，通过主题系统（design token、theme preset、主题配置）定制外观，使用内置variant、severity、size与slot，遵循其表单、对话框、表格等文档模式，并使用其图标集成。Tailwind项目直接使用工具类；采用移动优先与sm、md、lg、xl断点；使用项目配置token而非任意值；使用完整类名，动态类用计算属性或查找对象；可用prettier-plugin-tailwindcss排序。
必要用法：第一步为强制性的代码库上下文发现，检查package.json中的react、vue、angular、svelte、next、nuxt、astro、solid-js；依赖中的PrimeVue、shadcn/ui、Vuetify、MUI、Chakra UI、Ant Design、Radix、Mantine、Quasar、Element Plus、Headless UI；CSS框架如Tailwind、SCSS、CSS Modules；主题机制如PrimeVue主题预设、Vuetify主题配置、MUI createTheme、Tailwind配置；并查看2至3个现有组件模式。开始前需说明发现结果，例如“Detected: Vue 3 + PrimeVue (Aura preset) + Tailwind CSS”。
限制：禁止用CSS覆盖组件内部类名或DOM结构，禁止用!important覆盖库样式，禁止用包装组件从外部重设库组件样式，禁止重复库已有功能，禁止同一项目混用多个UI库。PrimeVue特别禁止使用PassThrough(pt) API、unstyled模式、usePassThrough()、针对内部类如.p-button-label的样式，以及在组件根元素叠加Tailwind类。Tailwind禁止在有对应工具类时写自定义CSS，禁止滥用@apply，禁止用任意值替代比例值，禁止动态拼接类名，禁止用Tailwind覆盖组件库样式。该技能不涵盖审美方向或创意设计、框架特定API模式、从零创建设计系统。