enesozturk/dimensional-drawing

本页介绍外部开源仓库，并非 HDATF 产品。

它做什么

这个仓库提供代理技能，用技术图纸说明UI组件的间距、圆角、图层和页面位置，而不只依赖截图。它面向需要交接组件规格的开发者和设计师。输入起点可以是源文件、Storybook示例、URL或截图，但测量流程要求查看实际源码，并通过Playwright检查渲染元素的边界和计算样式。输出是独立的HTML和SVG文档，包含平面图、图层分解图、细节图和变量表。尺寸使用变量及公式表示，省略实际文案，没有依据的数值保留为TBD而不是自行编造。制作图纸需要能够读取技能并访问相关源码和浏览器环境的代理。可选的动态技能面向Claude Motion，另一条渲染路径使用Node 18及以上版本、Playwright Chromium和ffmpeg采集帧并生成MP4。这是图纸制作流程和渲染辅助工具，并不证明仅凭截图就能获得准确尺寸，也不保证原组件的功能正确。

许可证

MIT 宽松许可。保留版权声明即可商用和修改。

同领域的其他仓库

• JimLiu/baoyu-design
  baoyu-design是社区维护的智能体技能集合，面向希望用本地编程智能体创建和修改视觉成果的用户。它根据设计需求以及截图、代码、HTML/CSS或Figma文件等参考资料，引导智能体制作界面方案、原型、演示文稿及其他HTML成果。核心技能按结构加载通用设计方法、对应智能体环境的工具说明以及任务专用提示词或起始组件。它还说明如何把固定版本的设计系统副本导入项目，并在项目元数据中记录关联。附带技能为幻灯片、画布、设计系统和数据仪表板分别使用专用文件格式和本地编辑器。流程需要能操作文件的AI智能体及其模型服务，本地编辑工具使用Node.js，简单预览服务器可以使用Python。README指定大多数成果编辑器需要Node 20或更高版本，仪表板需要Node 22或更高版本，可选的导出或生成功能还需要额外工具或服务。它并非获得Anthropic认可的产品，本地保存成果也不代表模型离线推理，或保证生产界面与导出质量。
• current/deadcell-framework
  该仓库提供独立存在的deadcell菜单所使用的Dear ImGui基础，并不是菜单应用本身。它面向需要原生窗口和交互控件的C++开发者。应用的控件调用和操作系统输入被转换为绘制数据，再由DirectX 11后端提交给GPU。应用每帧重复初始化、控件调用和渲染，而不是维护保留式控件树。构建配置把ImGui核心代码以及Win32和DirectX 11后端组成静态库。文档列出的起始环境是CMake 3.16或更新版本和C++17编译器，调用方还必须准备窗口与图形设备。Windows构建会链接Direct3D相关库，后端源码还使用着色器编译器。公开头文件标明固定的1.89.5 WIP版本，因此不能据此认为它覆盖上游最新功能。README说明其他附带后端未经此快照的测试，实际菜单实现在该仓库之外。
• heydamir/unslop
  unslop是面向Claude的设计技能，用于发现AI生成界面中的重复装饰和不一致间距，并按产品特征调整。它是指引、参考资料和辅助脚本的集合，不是独立生成模型，也不是安装后自动修改网站的服务。输入界面代码、网站地址或截图后，它先检查问题并提出设计方向。随后按间距、颜色、图标、文案、字体、布局、细节、视觉素材和动效的顺序改进。没有原始代码时，产物是保存页面或重建的静态HTML副本，不等于修改线上网站。需放入Claude Code读取的技能目录后调用，实际编辑还取决于智能体的文件及浏览器权限。可选图片生成需连接外部服务并确认付费生成，变化视频辅助功能需要Playwright和ffmpeg。设计判断是基于指引的建议，不保证可用性提升或所有框架的兼容性。资料采用CC BY 4.0，分享复制或改编版本时须保留作者署名和仓库链接。
• pengchujin/aerial-tv
  Aerial是一款Android TV桌面应用，用应用和壁纸代替广告与推荐流。主要用户是希望更换Xiaomi、TCL等电视默认桌面的设备所有者。它接收遥控器操作、已安装应用列表、信号源和照片，呈现应用网格、控制中心和屏保。应用采用Kotlin与Jetpack Compose，手机可通过二维码页面上传照片和设置壁纸。使用需要安装APK、在电视端批准ADB连接并配置所需权限，也提供不删除系统应用的恢复流程。从源码构建需要JDK 17和Android SDK 36。航拍视频与每日背景使用Apple和Bing的外部资料，需要考虑网络和独立版权条件。默认桌面恢复与自启动行为因机型而异，较高系统权限及可选的ADB常开设置也需谨慎评估。
• patch-gg/pixelfx
  pixelfx是面向游戏与视觉原型开发者的JavaScript像素特效库和制作流程。README介绍了244种特效，涵盖火焰、天气、界面动画、魔法和角色动作。每个特效都是代码而非预存图片，采用按时间绘制的函数，或带状态更新和绘制方法的模拟。调用者传入调色板、随机种子、位置、镜像、旋转和亮度，运行层将像素颜色与光照合成为帧。角色特效可通过独立动作数据包含预备动作、命中停顿、目标反应和恢复动作。输出包括浏览器实时播放、预览图片、透明精灵图集和帧信息，可选的GIF与MP4导出需要ffmpeg。用户可从画廊或Node.js 18及以上工具开始，Claude Code技能提供的是起草、渲染、目视检查和修改流程，而不是生成模型。围绕默认角色设计的效果需要针对自有角色调整，MIT代码许可不适用于另有权利条件的随附PatchPixel字体。

只收录进入 Trendshift 排行榜的仓库，榜单仅用于寻找候选项目，不转载名次。说明、许可证和星标数来自各 GitHub 仓库。解读是我们自己的判断。我们尚未测试这些项目，上榜并不证明质量。