用途：在用户给定组件、页面或界面需求时，确保前端代码遵循项目所选框架的原生用法，不覆盖框架内部样式、不与其对抗，定制只走框架提供的渠道。
主要能力：先做代码库上下文检测，从 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 配置或 @theme 块），并查看现有组件以了解实际用法。随后按框架原生方式实现组件。
使用方式与规则：直接使用组件库组件及其文档化 props 与 API，通过主题系统、设计令牌、预设定制外观，使用内置变体、severity、size 与插槽。禁止用 CSS 命中组件内部类名或 DOM 结构、禁止 wrapper 组件从外部改样式、禁止 !important、禁止重复实现库已有功能、禁止混用多个 UI 库。PrimeVue v4 只支持设计令牌与预设定制，不应使用 pt API、unstyled 模式或 usePassThrough，也不应在样式表中命中 .p-button-label 等内部类。使用 Tailwind 时优先模板内工具类，移动优先，使用配置中的设计令牌而非任意值或硬编码颜色，类名需完整不可拼接，动态类用查找对象或计算属性，不使用 @apply 做抽象，不用 Tailwind 类覆盖组件库样式。Tailwind 负责页面布局、组件间距与自有元素排版，组件库负责组件外观与交互状态，两者不重叠。应保证焦点样式可见等无障碍细节。
适用场景：已有明确框架、组件库与 CSS 框架的前端项目开发与修改。
限制：该技能不涉及审美方向与创意设计、不覆盖框架特有 API 模式、不负责从零创建设计系统。资料未提供具体安装命令、收费与授权信息。