UI Designer 用于根据自然语言提示生成并实时服务 HTML/CSS/JS UI 设计，主要面向网站、落地页等原型与页面制作。生成结果是基于 CDN 的 React 页面，无需构建步骤，可独立打开或用任意静态服务器托管。
主要能力与工作流：先检查 TOOLS.md 中的 UI Designer 配置，缺失时询问端口（默认 5174）并运行 bash scripts/setup.sh <port>，再把配置写入 TOOLS.md。项目按 <serve_dir>/<project>/ 组织，含 project.json（名称、偏好、设计系统、页面）、assets 与各页面 index.html。流程包括：确认项目名并创建或读取 project.json、收集设计偏好、确认页面 slug、收集设计细节与设计系统、生成页面、用截图脚本做视觉审查并按桌面和移动（宽度 390）至少各检查一遍、分享实时 URL 与截图并迭代。截图命令为 bash scripts/screenshot.sh "http://localhost:<port>/<project>/<slug>/" /tmp/<slug>-review.png 1400 900。用户提供图片时保存到 assets 并转 WebP：bash scripts/convert-image.sh <input> <output.webp> [quality]，默认质量 80，横幅 85、缩略图 70。导出时打包：cd <serve_dir> && zip -r /tmp/<project>.zip <project>/。
设计原则要求一致的间距刻度、限制内容宽度、移动优先、使用 SVG 图标而非 emoji、保证对比度与焦点状态、图片用 WebP 并懒加载等。每个动作都应向用户发送实时进度消息。限制方面：资料未提供收费、价格、平台兼容性或效果保证等信息；实际运行依赖上述脚本和本地环境。