用途：在构建前端组件、页面、应用或界面时，提供一套设计导向的工作方法，目标是产出独特、可运行、生产级且视觉上令人印象深刻的界面，避免通用化、模板化的“AI 生成”审美。
主要能力：先做设计思考，再写代码。设计思考包括明确用途（解决什么问题、谁使用）、选择鲜明的基调（如极简、极繁、复古未来、自然有机、奢华精致、玩具感、杂志编辑、粗野主义、装饰几何、柔和粉彩、工业实用等）、考虑技术约束（框架、性能、可访问性）以及差异化（什么让界面令人难忘）。随后用 HTML/CSS/JS、React、Vue 等实现可运行代码，要求功能完整、视觉突出、风格统一、细节精致。
美学准则：字体上避免 Arial、Inter 等通用字体，选择独特、有性格的展示字体搭配精致正文字体；色彩与主题上使用 CSS 变量保持一致性，以主色加锐利点缀替代平均分布；动效上优先 CSS 方案，React 可用 Motion 库，重视页面加载的编排式错落揭示、滚动触发与悬停状态；空间构图上鼓励不对称、重叠、对角线、打破网格、大量留白或受控密度；背景与视觉细节上使用渐变网格、噪点纹理、几何图案、分层透明、戏剧阴影、装饰边框、自定义光标、颗粒叠加等营造氛围与深度。
使用方式：用户提供前端需求（组件、页面、应用或界面）及可能的用途、受众或技术约束，技能据此先确定明确的概念方向，再实现代码。
限制与注意：资料未提供具体安装命令、收费方式、平台支持或效果数据。技能强调实现复杂度需匹配美学愿景：极繁设计需要大量动画与效果代码，极简设计则需要克制、精确与对间距、字体和细节的细致处理。同时要求不同生成之间避免趋同，在明暗主题、字体和美学上保持变化。