用途
design-screen 是一个用于“从请求开始，端到端设计或构建一个页面、屏幕、落地页、网站、应用或 UI”的技能。它属于 ux-ui-agent-skills 插件体系，目标是把模糊的设计请求转化为具体的界面产出。
主要能力与流程
该技能强调先决策后执行。在任何标记、文件或工具调用之前，必须先写出 Brief 推断块，包含：领域（金融科技、编辑、开发者工具、医疗、消费等）、受众与语气、必须赢得的一个形容词（如“昂贵”“精确”“温暖”“粗粝”）、动效深度（无、细微反馈、表现性编排）、布局家族（按节命名并变化），以及参考锚点（原型或命名系统）。
随后依次执行：
-
检查套件是否就绪。通过命令
ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING检查；若为 KIT_MISSING，说明仅安装了技能文件夹，需提示用户运行npx ux-ui-agent-skills init或插件安装，并停止，不得猜测无法打开的文件内容。 -
根据请求类型判断是否应移交其他技能：仪表盘、终端、控制台等需同时展示大量数字的屏幕应使用 data-dashboard；改进现有网站或应用使用 redesign；匹配截图、模型或参考图使用 image-to-code；单个组件的规范使用 design-component；从零建立品牌基础使用 brandkit。否则继续。
-
品味预检。执行 Brief 推断块，并故意打破一系列被禁止的默认做法：避免三四个等权重卡片、全部居中、重复左文右图、仅加粗的展示字体、每个盒子都有通用投影、纯黑纯白、彩虹强调色、任何 emoji（硬性门槛，图标改用 lucide 内联 SVG 配 currentColor 或纯文字）、UI 文案中的破折号、营销填充词、空洞三元组、假标签，以及仅一侧有彩色边框的卡片/警告/提示。垂直节奏要宽松。
-
加载 design-doctrine 并遵循：按意图使用 token、共享主题、每个交互元素具有八种状态、一件事领先、零 emoji、不陈述未测量的数字。
-
从 aesthetic-systems.md 或设计系统库中选择参考锚点，解析为 token 而非直接样式化屏幕。使用一个 CSS 变量层并只导入一次。若品牌色不满足对比度，需调整颜色，品味不能覆盖可访问性。
-
构建时移动端为基础：手机布局作为基础样式，使用 min-width 叠加更宽屏幕；max-width 仅用于窄屏细化，不能作为支持移动端的方式。每个值都是 token。每个交互元素具备全部八种状态。内容优先，再布局服务内容。
-
运行门禁脚本（不得仅声称通过）：
node ${CLAUDE_SKILL_DIR}/../../../scripts/accuracy_report.mjs，报告真实的 N/N 行。单文件至少运行：node ${CLAUDE_SKILL_DIR}/../../../scripts/verify_states.mjs <file> [--dark]、node ${CLAUDE_SKILL_DIR}/../../../scripts/verify_responsive.mjs <file> --scale=1.25、node ${CLAUDE_SKILL_DIR}/../../../scripts/slop_tells.mjs --strict <file>、node ${CLAUDE_SKILL_DIR}/../../../scripts/taste_audit.mjs --strict <file>。若渲染门禁无浏览器会打印 SKIPPED 并以 0 退出，这不算通过；单独运行并信任时需设置 DS_REQUIRE_BROWSER=1。 -
渲染并查看：门禁通过时屏幕仍可能明显损坏，需截图、查看每个状态、点击每个控件确认有实际变化。
-
运行 /critique 进行对抗性评审；通过的流程门禁从来不是品味的证据。
使用方式
该技能通过技能目录中的文件与脚本执行，依赖套件中的 tokens、taste、design-systems、examples 和 scripts 等资源。用户需先通过 npx skills add 或插件安装获得文件，再按上述步骤执行。交付物包括 Brief 推断块、文件、真实门禁输出和评审结论；若未运行某个门禁，需说明哪个及原因，未测量结果不得报告为通过。
适用场景
适用于从请求设计或构建落地页、普通页面、屏幕、网站、应用或 UI 的完整工作。不适用于仪表盘（用 data-dashboard）、重设计（用 redesign）、图像转代码（用 image-to-code）、单组件（用 design-component）或品牌基础（用 brandkit）。
限制
该技能依赖套件文件；仅安装技能文件夹时无法工作。门禁脚本需要 Node 环境和相应文件路径。渲染门禁需要浏览器，否则会跳过而非通过。技能不提供套件文件的猜测内容。关于收费、价格、平台等事实暂未提供。