用途：指导创建独特、达到生产级质量的前端界面。用户提供前端需求（组件、页面、应用或界面），可能附带用途、受众或技术约束。
主要能力：先扫描代码库，检测前端框架（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、CSS Modules、styled-components/Emotion、SCSS/SASS）、设计令牌、现有排版与配色、组件命名与目录约定及设计系统规则（如 CLAUDE.md、.cursor/rules）。据此将项目分为三层：无框架与令牌的全新项目（Tier 1）、有框架但无成熟设计系统（Tier 2）、已有组件库加令牌与既有模式（Tier 3）。
使用方式：Tier 2/3 严格沿用现有系统，不得覆盖设计令牌、引入项目外字体、复制组件库已有组件或更换 CSS 方法论；创意通过空间构图、动效、内容层级、色彩主次、组件组合与微交互实现。Tier 1 则确立鲜明美学方向并实现响应式、可访问的代码。实现需保证可访问性（对比度、语义 HTML、键盘导航）。
适用场景与限制：适用于前端界面与组件的设计与实现。具体价格、平台支持等事实暂未提供。