加载中…
像素级 750px 图片转代码与切图工作流。当 Codex 需要把当前选中的 UI 图片、截图、App/Web 设计稿、Figma 图片导出稿或设计长图转换为代码,并输出独立透明 PNG 切图资源时使用。适用于严格 1:1 等比例还原、画板宽度精确 750px、禁止自动排版优化、文本可编辑、简单图形原生矢量/代码化、图标和位图独立透明 PNG 提取,以及按矢量层、文本层、位图/图标切图三类模块独立验收的任务。
yueban-image-to-code 是 ChatHome Skills 收录的 技能 条目,来源为 GitHub Skill Search,质量分 58/100。 # Yueban Image To Code ## 目标 把用户提供或当前选中的 UI 图片还原为代码,并导出必要的独立切图资源。 原图就是视觉合同。不要把它重新设计成“更合理”的界面,不要做排版优化,不要主观调整间距。必须先按 750px 宽度等比归一化,再按原图元素的位置、比例、层级、颜色、透明度和样式进行还原。. 作为 agent 技能,它把一组可复用的任务指令打包成 Codex 和 Claude Code 等 AI 编程 agent 可直接加载的格式,无需为该任务手写胶水代码。 该条目由 ChatHome Skills 的每日抓取从官方 registry 和 GitHub 发现查询中收录,每次运行都会重新核验仓库事实、新鲜度信号和安装元数据。 质量分综合了官方 registry 收录情况、可用安装命令、许可证完整性、仓库活跃度和 GitHub star 趋势,完整算法说明见来源页。安装命令已列于上方,可直接复制使用。 在将 yueban-image-to-code 加入生产 agent 工作流前,请核对上方的最近更新日期和仓库状态——下方事实快照是最近一次抓取的时点值。
codex skill install SemineChen/yueban-image-to-code运行此命令前,请先核对上游源码。
扫描范围: 安装元数据与已收录的文档正文。
基于安装元数据和有界技能正文的自动风险信号,不是完整代码安全审计,也不会递归审查源码或依赖。
# Yueban Image To Code ## 目标 把用户提供或当前选中的 UI 图片还原为代码,并导出必要的独立切图资源。 原图就是视觉合同。不要把它重新设计成“更合理”的界面,不要做排版优化,不要主观调整间距。必须先按 750px 宽度等比归一化,再按原图元素的位置、比例、层级、颜色、透明度和样式进行还原。 ## 最高优先级规则 当用户要求“严格等