UI Craft 是一个跨切面的 UI 质量与仪表盘设计技能，重点讲“好界面长什么样、为什么”。它建议与某个组件库专用技能（spartan-ng-developer、primeng-developer、ng-zorro-developer、angular-material-developer）以及基础 angular-developer 搭配使用：库技能负责选哪个组件，本技能负责如何把它做好看。
适用触发场景：用户提出“把界面做得更好看/更干净/更精致”“看起来很通用、像模板”“改进仪表盘/重设计页面”“为什么看起来业余”，或涉及层级、间距、排版、配色、阴影、空状态、提示、悬停与加载状态；在构建仪表盘或数据密集界面、全灰文本表格、标签与值同权重、仅用颜色作信号、只有悬停才出现的操作、缺少空状态与加载状态时也可主动启用。
主要内容分几块。其一是业余仪表盘的三个特征：数据驱动 UI（形状、密度、对齐、色彩、图表还是表格由数据决定）、渐进披露（操作隐藏在悬停、浮层、抽屉或右键菜单后，并有明确提示）、隐藏 UI（图标提示、悬停反馈、空/加载/错误状态、右键菜单、快捷键、保存提示等）。其二是 Refactoring UI 原则对应参考文件：层级、间距、排版（字号体系、45–75ch 行宽、基线对齐）、色彩（HSL/OKLCH、9 级色阶、颜色不作唯一信号）、深度（光源与阴影）、收尾细节。其三是仪表盘模式：KPI 卡片、表格打磨、筛选栏约定、侧边导航密度、何时用图表替代表格。
工作方式：先评审已有代码并指出具体问题，再做重构；重要改动说明理由；优先使用设计令牌而非硬编码色值，以便暗色模式与主题化；密度需主动收紧（如 Material density-3、ZORRO nzSize="small"）；有现成组件就不自造；异步界面必须有空、加载、错误三态；可访问性（焦点环、图标按钮 ARIA、对比度）属于工艺的一部分。限制方面：资料未提供定价、平台支持、安装命令与具体版本要求，相关事实暂未提供。