用途：在没有更具体的设计工作流时，作为通用前端实现技能，指导创建独特、生产级的前端界面，输出真正可运行的代码，并重视美学细节与有目的的选择。
主要能力：先做设计思考，明确用途、受众、语气、约束和差异化；选择一个极端而清晰的美学方向（如极简、极繁、复古未来、自然、奢华、玩味、编辑杂志风、粗野主义、装饰几何、柔和粉彩、工业实用等），再用精确方式执行。实现层面覆盖 HTML/CSS/JS、React、Vue 等。
美学指引：排版上选择适合主题与现有品牌的字体，建立明确层级，保留用户或产品已选字体；色彩主题用 CSS 变量保持一致，主色加锐利强调色；动效让用户操作和状态变化易于理解，少用非交互动画，尊重减少动效，沿用仓库现有动画工具；空间构图强调不对称、重叠、对角、破格，以及大量留白或受控密集；背景与视觉细节可用渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标和颗粒叠层。避免无关字体替换、装饰性紫色渐变、照搬模板布局等无意识默认。
使用方式：用户提供组件、页面、应用或界面需求，可附用途、受众或技术约束。先完成上述设计思考，再实现完整可运行界面，并在完成前检查渲染效果与主要交互，核对响应式布局、键盘焦点、对比度和减少动效，删除无用的装饰标签、重复效果和占位文案，报告无法运行的视觉检查。
适用场景：通用前端实现。供给截图应转图像到代码工作流；Figma 来源优先转原生 figma-design-to-code，或使用共享 implement-design；现有站点重设计转入 redesign-existing-projects；纯视觉合成请求转入 imagegen-frontend-web。用户明确选择优先于该路由；若指定风格名称，应遵循该风格，不混入不兼容要求。
限制：资料未提供具体框架版本、安装命令、收费和价格信息，暂未提供；不应编造功能或效果。实现复杂度需匹配美学愿景，极繁设计需要更复杂代码与动效，极简设计则需克制与精确。