用途：在编写界面代码前，先确定视觉方向、界面层级、布局、字体、配色与视觉规范，或产出原型。适用于需要为网页、小程序、前端组件做设计决策的场景；不适用于纯后端、数据库设计、无界面输出的 API 工作，或视觉方向已确定、只需直接实现的任务。
主要能力：要求先输出设计规范（目的说明、美学方向、配色、字体、布局策略），再写代码；提供美学方向选项（如极简、复古未来、编辑杂志、粗野主义等）；规定避免通用 AI 风格，禁用紫色/紫罗兰/靛蓝/品红及蓝紫渐变、禁用 Inter/Roboto/Arial/Helvetica/system-ui 等字体、禁用 emoji 作图标（须用 FontAwesome、Heroicons 等专业图标库）、避免无创意的居中布局；要求提交前做颜色、字体、图标、布局自审。
使用方式：先阅读 UI Design Activation Checklist；Web 实现参考 ../web-development/SKILL.md，小程序实现参考 ../miniprogram-development/SKILL.md；同级技能使用本地相对路径，缺失时请用户安装完整 CloudBase 插件，不要将远程技能或协议 markdown 抓取进上下文。下载远程素材改用 shell 命令，例如 macOS/Linux：curl -L --fail -o assets/images/logo.png "https://example.com/logo.png"；Windows PowerShell：Invoke-WebRequest -Uri "https://example.com/logo.png" -OutFile "assets\images\logo.png"。
限制：若项目已有品牌色、字体令牌或设计系统，应作为更高优先级约束并明确说明覆盖了哪些默认禁令；未特别要求时最多提供 4 个页面。具体收费、价格、平台支持范围等资料暂未提供。