用途：把屏幕当作经过设计的界面来处理，而不是控件的堆砌。适用于设计或评审 Web 应用、营销页、仪表盘、设置与引导流程；构建 Electron/Tauri 桌面界面或 SwiftUI/AppKit、Jetpack Compose、WinUI 原生界面；建立设计系统；补充明暗主题、修复对比度与无障碍问题、实现响应式布局；选择组件方案或设计到代码工具。不适用于终端/CLI 输出、TUI、提示词与 ANSI 渲染（应使用 beautiful-cli-design），也不适用于 API 响应结构、后端架构与文案品牌策略。
主要能力：给出按 8pt（微调 4pt）网格的间距体系、语义化颜色令牌与 OKLCH 色阶、基于 rem 的模块化字阶（正文不低于 14px）、100–300ms 且只动画 transform/opacity 的动效规则、无障碍要求（可见焦点、4.5:1 正文对比度、44/48pt 触控目标、键盘与读屏通过）、图标体系替代 emoji，以及平台惯例（原生界面须用原生控件与图标）。同时列出常见失败模式，如颜色过多、单主题不可读、字号过小或锁定缩放、装饰性动效、原生应用套用 Web 外观、组件中的魔法数字、控件缺少状态、触控目标过小、字重字号失控。
使用方式：先令牌后组件再页面，建立 primitive→semantic→component 三层令牌；按需选择 headless 原语或样式套件；组件多宽度时用容器查询，页面级布局用断点。可用提供的审计脚本检查设计规范：node skills/beautiful-gui-design/scripts/gui_design_audit.mjs --input skills/beautiful-gui-design/examples/sample-input.json，返回 pass、score、findings、recommendations，标记对比度不足、缺少明暗主题、正文字号过小、未令牌化、间距不合网格、字重字号过多、触控目标过小与控件状态缺失。上线前可运行布局溢出检查：python3 ~/.claude/skills/layout-overflow-guard/scripts/check_layout.py <file-or-url> --widths 1280,1100,860,720,390 --themes light,dark，在多种宽度与明暗主题下检测文字碰撞、截断、溢出与横向滚动。
限制：审计脚本只检查测量后的设计规范，不能替代键盘走查、读屏走查与真实构建运行验证；具体收费、平台支持范围、许可与价格信息暂未提供。