用途：在实现 Web 或小程序 UI 之前，先确定视觉方向、界面层级、布局决策、设计规范或原型。适用于需要选择字体、配色、间距、布局策略等视觉规则，或用户提出“设计”“原型”“风格”“观感”而非直接实现的需求。
主要能力：要求先输出设计规范（目的说明、美学方向、配色、字体、布局策略），再编写界面代码；提供美学方向选项（如极简、复古未来、编辑杂志、粗野主义等）；要求使用 Tailwind CSS 与专业图标库（FontAwesome、Heroicons 等），禁止用 emoji 作图标；禁止紫色/紫罗兰/靛蓝/品红及蓝紫渐变、禁止 Inter/Roboto/Arial/Helvetica/system-ui 等字体、禁止无创意的居中布局；要求非对称、斜向、重叠等布局；提交前做颜色、字体、图标、布局自审。
使用方式：作为 CloudBase 技能之一，同级技能以本地相对路径引用（如 ../auth-tool-cloudbase/SKILL.md）；若同级文件缺失，应让用户安装完整 CloudBase 插件，不要将远程技能或协议 markdown 抓取进上下文。Web 实现另读 ../web-development/SKILL.md，小程序实现另读 ../miniprogram-development/SKILL.md。下载远程资源改用 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"。
适用场景：网页或小程序页面与界面创建、前端组件设计、原型与界面制作、样式与视觉效果处理等涉及用户界面的开发任务。
限制：不用于纯后端、数据库设计或无界面输出的纯 API 工作；不用于已批准 UI 的直接实现或视觉方向已定的普通前端编码。若项目已有品牌色、字体令牌或设计系统，应作为更高优先级约束，并明确记录覆盖了哪些默认禁令及原因。未提供具体收费、价格或平台支持信息。