LogoClawIndex
案例技能关于
LogoClawIndex

yueban-image-to-code - 将 UI 图片像素级还原为 750px 代码

将 UI 图片、截图或设计稿转换为固定 750px 布局代码,并输出可编辑文本、原生图形、透明 PNG 切图和校验清单。

标签

更新于: 2026-10-03

能力

典型输入

典型输出

该技能可以做什么

  • 将图片归一化至 750px
  • 测量源图图层
  • 创建图层清单
  • 导出透明 PNG 切图
  • 实现固定像素布局
  • 校验渲染图像差异
  • 审计 PNG 边缘和尺寸

输入

  • 源 UI 图片
  • 项目约束
  • 目标输出类型
  • 可编辑文本要求
  • 透明资源要求
  • 现有项目框架

输出

  • 代码文件
  • 透明 PNG 切图资源
  • layers.manifest.json
  • BBox 预览图
  • 渲染对比截图
  • 还原报告
  • PNG 审计结果

要求

    来源

    • 规范: SKILL.md

    ClawIndex

    OpenClaw Skills 与 Use Case 索引

    ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

    索引

    Skills·
    Cases

    Meta

    关于·
    声明·
    邮箱·
    GitHub
    © 2026 ClawIndex 保留所有权利。
    图片转代码
    像素级还原
    界面重建
    750px 布局
    PNG 切图
    视觉校验
    将图片归一化至 750px
    测量源图图层
    创建图层清单
    导出透明 PNG 切图
    源 UI 图片
    项目约束
    目标输出类型
    代码文件
    透明 PNG 切图资源
    layers.manifest.json