enesozturk/dimensional-drawing
在 GitHub 打开 ↗让 AI 把 UI 组件画成 Apple 风格尺寸标注图
Star1.8k
24h 新增+15
7 天新增—
Fork126
Issue4
语言HTML
项目介绍
更新于 1 天前
这是一个给 AI Agent 用的 skill:把任意 UI 组件变成一张 Apple 风格的尺寸标注图。你指着一个 Card 或 Dialog 的源码、Storybook 页面甚至截图,它就输出一页单色技术图纸,把 padding、gap、圆角半径、图层堆叠和在视口中的位置全部测量并标注出来,风格对标 Apple 给配件厂商发布的设备尺寸图。图上刻意不写文案内容,只画结构,所以文案改了图纸依然成立;数值用 S1、R2 这类变量表达,测不到的标 [TBD] 而不瞎编。它还附带一个动效 skill,能把画好的图纸做成约 10 秒的动画短片,线条像被笔画出来、图层依次抬起,可直接导出 MP4。适合前端、设计工程和设计系统负责人,用来给组件写规格文档、和设计师对齐间距规范,或给外包/新人一份能照着复刻的组件架构图;纯后端或算法岗基本用不上。
上手成本:中
Star 趋势
话题标签
skillsui
仓库信息
| License | MIT |
| 创建时间 | 2026-10-23 |
| 最后推送 | 12 天前 |
| 热度分 | 51.0 |