dimensional-drawing 是一个设计智能体技能，用于绘制 Apple 配件尺寸图风格的 UI 组件或实体产品的单色图纸。该技能来自 enesozturk/dimensional-drawing 仓库，通过 skills 包安装，安装时同时包含 dimensional-drawing 和 dimensional-drawing-motion 两个技能。
主要能力：生成一份自包含的 HTML 图纸，采用黑线白纸、仅使用灰色的视觉风格。图纸包含标题块（含 DWG NO. / REV / SHEETS / SCALE / SOURCE 字段）和注释块，以及一个 SVG 图纸，其中包含平面视图、阴影包络、图层堆叠的分解轴测图、嵌套角和圆角细节，右侧还有变量表格。其规则设计强调实用性：绘制占位槽而非具体内容（用带 X 的引线框表示，标注 TITLE SLOT · FLEX、CONTENT SLOT · FILL），使用变量代号（如 H1、R2、E3）代替数字，派生值以公式表示（如 R2 = R1 − B − S6 = 11），除非要求否则不添加品牌标识，源资料中缺失的信息标记为 [TBD] 而非编造。附带两个示例图纸（对话框和卡片）作为绘图套件供复制参考。
伴侣技能 dimensional-drawing-motion 可将完成的图纸动画化为约 11 秒的 1920×1080 视频，效果包括线条自行绘制、相机拉远、图层升起进入分解视图。该动画可通过 Claude 的 Motion artifact 类型实现，或在其他环境中使用 Playwright 加 ffmpeg 渲染。
使用方式：安装后通过技能名称调用。触发短语包括 "dimensional drawing"、"spec sheet"、"redline drawing"。安装命令为全局或项目级 npx skills add 命令（具体命令见资料）。在 Claude Code 中，可以发送以 ! 开头的聊天消息来运行命令而不离开对话。
适用场景：需要为 UI 组件或实体产品制作规格尺寸图、红线图或测量图时使用，尤其适合希望以结构化、变量化方式表达尺寸和细节的场合。
限制与不适用场景：该技能不适用于解释机制的图解（更适合 anatomy 技能）、流程图/架构图/快速草图（更适合 excalidraw-diagram 或 hand-drawn-diagrams）、从 Figma 读取尺寸并与代码同步（由 figma-official-skills 和 design-tokens-skill 负责），以及任何包含真实产品摄影、颜色或品牌标识的内容——该技能刻意保持单色和无品牌。
技术要求：无头动画渲染需要 Playwright 和 ffmpeg，但 Claude artifact 路径不需要这两者。许可证为 MIT。