VIBE CODING / SELECTED PROJECT本地 MVP · v0.5.0

我了个豆 · 拼豆出图智能体把一张图片,
变成一份拼豆图纸。

从图片网格化、用色统计到图纸导出,再延伸到带人工确认的库存与报价流程。

图片 → 网格图纸确定性计算单 Agent 工作流多格式导出
查看出图样例 我的工作本页为项目展示,不提供在线上传或生成。
我了个豆真实本地界面:左侧合成小猫输入图,右侧显示48乘48格、2304颗、16色的拼豆预览
实际运行界面 / 合成测试图生成结果点击查看完整界面 ↗
01 / CONTEXT & ROLE

让出图简单,让结果可核对

要解决什么问题?

“想拼这张图”和“拿到一份能看清格子、用色与颗数的图纸”之间,还有图片处理、颜色压缩和数量统计。对门店来说,还需要处理库存不足、换色风险和报价确认。

我的工作

  • 产品与流程:把初学者的一张图入口和门店的高级资料流程分开,明确每一步输入、结果与操作。
  • Vibe Coding:用 AI 辅助开发推进网页交互、Python 图像处理、数据校验和文件导出,打通选图到下载的路径。
  • 可靠性设计:让颗数、色差和金额由确定性代码计算;把换色、最终报价与正式生产的人工确认写入流程。
02 / IMAGE TO PATTERN

一张图进来,图纸与清单一起出来

01 / INPUT

选图与网格设置

支持 JPG、PNG、WebP;可调整网格大小、颜色数量及保留整图或铺满裁切。透明区域和构图留白不计豆。

02 / PREVIEW

预览与用豆统计

将图片转为有限配色的网格,显示总颗数与每种颜色的用量。改变图片或参数后,旧下载立即失效。

03 / EXPORT

图纸与文件导出

支持网格 PNG、分页 PDF、颜色清单及 ZIP;全部导出基于同一份结果数据,避免图纸和数量各算一套。

项目自有合成小猫样例 · 非客户订单

48 × 48 格2304 颗16 色
项目自有的合成小猫测试图,作为拼豆转换输入
输入 / 一张图片明确标记为 SYNTHETIC 的测试素材。
同一小猫图片实际转换后的48乘48拼豆效果预览
输出 / 同一图案的拼豆预览程序实际生成,颗数和配色与导出图纸一致。
查看带编号网格图纸 完整 PNG · 含行列坐标、参考配色编号与颗数

P01、P02 等是本次图纸的通用参考配色编号,不是真实品牌色号;样例不能直接作为品牌采购或已验证施工的依据。

03 / STORE WORKFLOW

把门店的关键判断,留在流程里

  1. 01校验资料

    图纸、色卡、库存、计价规则与订单偏好先校验。

  2. 02检查缺色

    计算可用库存,识别短缺与可能的替换方案。

  3. 03确认换色

    缺色时进入人工审批,敏感区域不静默替换。

  4. 04确认报价

    展示计算结果,单独批准最终价格档位。

  5. 05生成资料包

    导出备料表、报价表、PDF 与校验记录。

一份结果数据,约束全部导出

单 Agent 工作流负责输入、状态、解释与人工确认;网格、色差、颗数和金额由确定性工具计算。图纸、清单、报价和校验记录来自同一份 canonical_result,发生缺失或篡改时停止交付。图片转图纸无需调用图片大模型。

Python / PillowHTML / CSS / JavaScriptExcel / PDF 导出状态与人工确认数据一致性校验
04 / DELIVERY STATUS

当前成果与验证范围

LOCAL MVP / V0.5.0

图片出图路径已实际运行

本次通过真实本机网页重新选择合成小猫图,得到 48 × 48 格、2304 颗、16 色的结果;确认 PNG、PDF、ZIP 下载入口存在,改参数会清空旧下载,页面未调用外部服务。

SYNTHETIC / TECHNICAL EVIDENCE

门店流程保留技术验收证据

2026 年 10 月 1 日的 v0.5.0 机读报告记录了 176 项单元测试、32 项集成与端到端测试、10 个 Eval 通过,以及文件一致性和 PDF 可读性复核。

上述测试数量来自项目留存的同版本报告,本次没有重跑完整测试集。技术测试和合成示例不代表真实门店验收、实物色差验证或商业收入。

现在可以看:真实界面、输入与输出对照、带编号的完整样例图纸。
当前未开放:公网上传与在线生成;真实品牌色卡、实物拼制和门店验收仍待确认。正式库存扣减、采购、支付、退款及对外发送均未启用。