中文概述 · 根据原始文档整理，完整规则与命令请查看「文件」中的 SKILL.md。
前端视觉设计
为网页和产品界面建立鲜明、贴合业务的视觉方向，围绕真实内容选择字体、配色、构图与交互，减少模板化的设计。
适用场景
- 新建网站、落地页、产品界面，或重新设计已有页面。
- 改善缺少辨识度的排版、配色和首屏表达。
设计流程
- 先理解产品主题、目标受众与页面的主要任务，再确定视觉语言。
- 从行业、材质、内容和使用情境中提取设计线索。
- 选择最适合主题的首屏形式，例如文字、图片、动画、演示或交互。
- 将视觉方向落实为真实可用的页面，保持内容与风格一致。
重点要求
设计选择要能解释为什么适合这个项目。 不因为某种布局流行就直接套用；通过字体、留白、色彩和构图形成整体风格。
使用建议
提供产品介绍、目标用户、页面内容与风格参考；涉及已有项目时，同时提供现有界面与技术约束。