用途：当产品目标不是匹配既有风格，而是做出大胆、非传统的前端设计时，用此技能把前端代码建立在统一的视觉概念之上，优先追求原创和记忆点，而不是贴近现有产品样式。
主要能力：先确定一个统领排版、色彩、布局、质感和动效的概念，并在实现前明确目的、概念、基调、参考、标志性细节与交互风格。可使用非常规构图、不对称、重叠和表现性字体来达成特定视觉效果，同时按常规布局同样严格的标准检查对齐、间距与可读性。强调先搭构图再叠加效果，关注焦点、阅读顺序、视觉锚点、平衡、张力与视线路径；把负空间当作形状和节奏手段，调整边距、间隙、密度变化形成节奏；有意识地运用层级、对齐、邻近、重复、对比、尺度、平衡、节奏、图底关系等平面设计原则，打破惯例需服务于具体视觉或功能效果；把排版同时当作语言和形式，打磨行宽、行距、字距、换行、基线关系与视觉对齐。
使用方式：以请求的方向和参考作为约束，在简报留有余地处做有意的创意选择；仅在需要更多概念示例或设计手法时使用 references/creative-moves.md。使用指定的技术栈实现，允许一次性组件、自定义 CSS、非常规布局、装饰层和自定义交互，但代码需保持可理解、可修改。多步工作时，先用简短更新说明概念或正在检查的界面部分。
适用场景：需要在明确概念下完成可运行前端代码，且希望结果具有辨识度与记忆点的设计任务。
限制与必守约束：保持主要操作清晰、重要文字可读；布局需适配常见视口，交互控件提供键盘访问；在相关处提供可用的加载、空和错误状态；为核心内容提供可访问的焦点样式和合理对比度；尊重减少动态偏好，减少或替换非必要动效，同时保留内容、控件和可理解的状态变化；装饰效果不得阻碍可用性。完成前需用代表性内容渲染实际产物，检查常见视口下的整体构图与细节、键盘可用性、焦点可见性、加载/空/错误状态，以及动效与减少动效方案；构建或类型检查不能证明视觉质量。若无法渲染，需说明这一缺口及次优检查方式。输出时先给完成结果，再报告概念、标志性设计手法、改动文件和已做验证。当产物满足简报、明显问题已解决且相关视口、交互与动效检查完成或已说明限制时即停止。