用途：在构建或优化网页组件、页面与应用时，产出具有鲜明设计感且可上线的界面，拒绝通用模板。
主要能力：确立美学方向与标志性手法（如条纹、辉光、颗粒、杂志式堆叠）；定义设计令牌，包括字体、配色、阴影、圆角、间距与动效曲线；规划布局结构（主视觉加辅助区块、数据/时间线轨道、卡片）；使用语义化标记与 CSS 变量；加入分层揭示等有意图的动效；并进行无障碍与响应式检查。
使用方式：先收集意图，包括用途、受众、平台限制、框架与交付格式（HTML/React/Vue）；从美学手册选择方向，若用户描述模糊可提议 2–3 个方向确认；建立令牌并尽早加载字体；规划布局与动效；构建语义化结构、接入 CSS 变量、添加交错揭示动效；最后执行无障碍与响应式检查。宏观布局优先 CSS Grid，聚类用 Flexbox；动效需配合 prefers-reduced-motion。
适用场景：需要差异化视觉与生产级质量的前端界面，包括使用纯 HTML/CSS/JS 或 React 组件化拆分的项目。提供的 vanilla-starter 为可直接运行的纯 HTML/CSS/JS 示例（前卫工作室主题），含渐变、颗粒、交错揭示、跳转链接与无障碍结构，可通过修改 CSS 变量、字体与内容换肤。
限制：资料未提供具体框架版本要求、浏览器兼容范围、性能指标、收费或许可信息，也未提供具体安装命令，相关事实暂未提供。