GitHub 热门

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 趋势

记录 7 个数据点 · 期间增长 +48

话题标签

skillsui

仓库信息

LicenseMIT
创建时间2026-10-23
最后推送12 天前
热度分51.0