每条内部边界只生成一次，并被相邻两块以相反方向复用。SVG 裁剪在这些弧形拼块内保留原始照片；本地交互层跟踪移动、吸附距离和完成状态。自有照片在本地组装和游玩，不调用生成。PopNow 可在精确报价并获批准后创建缺失的拼图图片；拼块数量越多，本地渲染和交互工作量越大。
- 用 PopNow 生成
- 图片
- 需要
- Python 3
如果已有合适的输入素材，生成是可选的。
v1.0.0 · 更新于 2026年10月25日 · 11.2 MB · 可用于个人和客户项目；请勿转售或分享技能包。
你会得到
可玩的本地 HTML 拼图
完成照片 PNG 与可编辑 SVG 裁剪路径
拼块几何、照片副本及可移植参数单
适合
- 个人照片拼图与趣味纪念品
- 带有可验证完成状态的交互式插图
不适合
- 可激光切割的公差
- 不受约束的拼贴摆放
如何运作
包含本地渲染器
选择输入
选择一张细节丰富的照片并设置拼图网格。
渲染并检查
构建共享的拼块几何并打开本地 HTML。
调整并导出
游玩、查看完成图或导出可编辑的裁剪路径。
工作流程如何运作
拼图照片游乐场 如何运作
每条内部边界只生成一次，并被相邻两块以相反方向复用。SVG 裁剪在这些弧形拼块内保留原始照片；本地交互层跟踪移动、吸附距离和完成状态。
技能包内有什么
你可以修改什么
- rows: 2–8，columns: 2–10
- tab_depth: 较小拼块尺寸的 0.10–0.23
- snap_distance: 8–40 SVG 单位
- 源照片和打乱种子
交付前需要检查什么
- 拼块数量等于 rows × columns，且每个标识符都是唯一的。
- 每个拼块都是由共享边构成的闭合路径。
- 保存的简报可复现 PNG 和 SVG；不安全的替换会被拒绝。
查看技能包文件
这里列出本版本中部分实际使用的文件及其作用。完整下载包还包含使用说明和适用的许可声明。
领域算法与不变式检查。
scripts/recipe.py可运行、可编辑的示例参数。
examples/brief.json控制项含义、证明解读与限制。
references/design-notes.md
为什么使用此技能
从此技能包开始
该包提供精确适配的边缘几何、源图像裁剪和真实的拼图状态。它远超绘制拼图覆盖层或让无关贴纸自由移动的做法。
PopNow 能补充什么
用 PopNow 补齐此工作流缺少的图片。保留你已有且足够使用的素材，再把新增素材用于这里说明的编辑和组装步骤。
比较不同做法
写提示词、自建技能，还是使用此工作流？
从一句提示词开始
你的助手可以根据普通请求进行创作。但仍需为该项目确定需求、视觉规则、素材选择、输出格式和检查流程。
编写自己的技能
由你选择并维护可复用的指令、默认设置、文件结构和检查规则。当你的流程需要不同规则或集成方式时，这种做法很适合。
为 PopNow 创建的工作流
此工作流专为 PopNow 开发。源文件、随包提供的依赖和适用声明都包含在包内；下方描述的功能范围对应此版本。
指南已于 2026年10月25日 审核
需要多少费用？
自有照片在本地组装和游玩，不调用生成。PopNow 可在精确报价并获批准后创建缺失的拼图图片；拼块数量越多，本地渲染和交互工作量越大。
如果已有合适的输入素材，生成是可选的。 技能免费。新素材生成前会先报价。
技能包
在账户下载额度内可免费安装。技能包许可允许用于你自己和客户的项目，不允许再分发。
已有素材与本地处理
复用合适的素材、编辑文件和运行本地组装不会调用 PopNow 生成模型。相关工作仍由你的电脑和所需运行时完成。
新的 AI 图片、视频片段或声音
按实际模型、输入、数量、时长和分辨率报价。额外备选方案、修改或可选增强处理可能增加生成请求。
你的助手与托管服务
订阅、云端电脑、部署或其他服务商的费用由相应服务收取。安装此技能不包含这些服务。
先确认你的版本需要多少费用
你的助手可以先查看可用模型，并对具体请求报价。由你选择需要哪些可选处理，并在生成前批准支出。
向助手这样说
为我的项目使用 PopNow 技能“拼图照片游乐场”。列出可以复用的输入素材，只为缺失的媒体报价，说明报价总额并标出尚未报价的步骤。单独列出可选增强项，任何付费操作开始前都先等我批准。
PopNow 如何计费
使用 PopNow API 密钥的连接，包括使用 API 密钥的 MCP 连接，从独立的 API 美元（USD）余额中扣费。通过 OAuth 授权的 ChatGPT 或 Claude 连接使用网站积分。这两种余额相互独立；请以当前连接显示的报价作为批准依据。
适用下载额度及当前账户条件。技能包免费不代表生成可以无限免费使用。
怎么用
你说
用 PopNow 的技能「拼图照片游乐场」（jigsaw-photo-playground）帮我做这件事：选择一张细节丰富的照片并设置拼图网格。以打包示例为起点，返回实际作品及其可编辑输入。
接着试试
使用 columns: 5 → 6；seed: 17 → 11 重建一个视觉上明显不同的版本。
使用实际的证明文件和算法清单来解释结果。
需要准备
- 您拥有或有权使用的照片
- 期望的行数、列数和难度
- Python 3.10+、Pillow 和 NumPy；以及用于游玩的浏览器
类似技能
查看全部 →
网页饮品品牌官网模板
+25明快的饮品或零食品牌站：商店、混搭装组合器、门店地图和演示结账，全部在一个文件里。
网页可滚动纸艺世界
+25走进分层纸艺风景，发现三个纪念物，收集成一本口袋手记。
网页球鞋商城网站模板
+25完整的鞋履或服装网店，含商品目录、商品详情页、购物袋和演示结账，全在一个 HTML 文件里。
网页分形缩放艺术
+25探索计算生成的分形，选取特写视图，并将该精确视图导出为艺术作品和可复用的参数单。
网页手帐风个人简历网站
+25用纸质物件拼成的多页在线简历，含项目案例和可打印的简历。
网页傅里叶线条轨道
+25用旋转的傅里叶圆重建闭合图形，并导出所选谐波精度的结果。
网页立体折叠设计实验室
+25打开对称的纸艺连杆机构，调整其粘接几何，并导出带尺寸标注的折痕证明。
网页黑胶唱片微型网站
+25把专辑做成可以翻面的唱片套，搭配真实试听、内页文字与旋转唱片。
网页硬件产品网站
+25银色影棚照片上是超大的细线型号名，磨砂规格卡片，按比例排列的产品阵列，以及硬件网格布局。
网页旅行社官网模板
+25以照片为主的旅行网站，适合团游、向导或山屋：行程搜索、预约申请和旅行测试问卷。
网页自由设计师个人网站
+25大胆的一人工作室网站，出售固定价格套餐，包含套餐页、案例、流程和需求表单。
网页玻璃拟态网站模板
+25近黑胶片上的磨砂玻璃胶囊，一行带斜体单词的超大衬线标题，以及邮箱订阅框。
网页光弹性应力工作室
+25在便携式离线工作室中，使用可编辑的载荷和偏振器角度创作发光的应力条艺术作品。
网页可变字体字样实验室
+25检查真实可变字体，调整其受支持的轴，并导出带字形检查的活字字样。
网页正交文字雕塑
+25将两个挤出文字相交成一个实体，从垂直方向观看时呈现不同的文字。
网页3D 头像制作工具
+25在浏览器里捏一个软萌毛绒风 3D 角色，保存为透明 PNG 或 3D 网页。
网页学术履历网站
+25整理研究、教学和服务经历，筛选论文类型并导出 BibTeX 引用。
网页日历热力图
+25用带色阶的日历网格展示一整年的每日活动，附连续天数、总数和键盘操作。
网页农业产品网站
+25按作物和服务区域筛选设备，比较明确规格并生成技术询价单。
网页AI SaaS 落地页
+25温暖的砂色纸面，发丝线的竖轨和斜线阴影围着一块实时看板，助手在上面规划任务。
网页动态 Hero 首屏区块
+25落地页首屏：标题中的一个词轻轻轮换，配两个按钮和一个宽幅图片框。
网页街机个人网站
+25把创意项目装进小街机房，以键盘或触屏选择卡带并查看作品。
网页建筑作品集网站
+25筛选项目，转换面积单位，并打印项目收藏清单。
网页音响产品网站
+25比较音响规格，并用本地文件进行真实 A/B 试听。
网页音频频谱分析器
+25在本地解码录音，查看真实频谱、主频和信号电平，并控制播放。
网页案例研究网站模板
+25关联证据与指标，核对前后变化，并标明缺失数据。
网页现金流看板
+25逐笔计算现金余额，用期初余额、流入和流出核对期末金额。
网页电影感滚动叙事
+25用四幕全屏照片、轻柔滚动与宽银幕切换讲述一段故事。
网页CMS 营销网站
+25编辑文章 JSON，校验字段，安全预览并导出有效内容。
网页会议演讲者页面
+25按主题和时长查找演讲，并导出主持人介绍和设备清单。
网页星座回忆地图
+25把六段照片回忆连接成星座，自由探索或按时间顺序重温。
网页建筑公司网站模板
+25计算数量与单价，单列预备费，并导出预算明细。
网页咨询服务网站模板
+25按目标、周期和团队规模匹配服务，并导出需求简报。
网页转化漏斗看板
+25按同一批用户计算各环节转化率和流失人数，并保留可核对的数据表。
网页着色器主视觉的创意机构网站
+25一块实时的橙色热浪着色器主视觉，底部固定一句宣言，配胶囊导航和错落的案例网格。
网页客户入门门户
+25按前置依赖推进设置步骤，查看负责人、加权进度并导出清单。
网页深色 SaaS 落地页
+25深色、动效丰富的软件产品营销网站，交付为一个自包含的 HTML 文件。
网页设计系统展示台
+25编辑颜色变量，计算真实对比度，并导出一致的 CSS 与 JSON 设计令牌。
网页设计师作品集网站
+25六张微微倾斜的卡片环绕着渐隐的标题，浅灰底色，一张红色人像卡片，以及编辑风格的案例研究。
网页开发者日志网站
+25将结构化文章变成可搜索技术日志，保留清晰代码并导出 RSS。
网页程序员作品集网站
+25面向工程师的深色个人网站，含项目案例、文章、演讲、简历和联系表单。
网页电子书落地页
+25阅读原创章节样文，调整字号并保存本地阅读进度。
网页可编辑预算表
+25编辑数量、单价与实际支出，实时核对预算余额并导出记录。
网页编辑风 SaaS 网站
+25深蓝的分栏首屏，五行衬线标题配纪实照片，斜切的色带，以及一种钴蓝强调色。
网页活动出席图表
+25对比报名、签到和场地容量，计算加权出席率、缺席人数与使用率。
网页活动网站模板
+25筛选日程，发现时间冲突，并导出个人日历。
网页实验对比图表
+25比较转化实验的样本量、百分点提升和 Wilson 区间，不武断宣布胜者。
网页财务报告门户
+25按年度和类型检索报告，比较指标并导出数据。
网页航班搜索原型
+25按航线、日期和人数筛选本地库存，比较总价、时长与经停次数。
网页交互式系统架构图
+25离线可点击的系统架构图，基于经过校验的 JSON 模型生成，每个方框都附有依据。
网页互动微型博物馆
+25探索三个展厅，近看日常物件，并收集自己的参观票。
网页室内设计网站模板
+25根据房间尺寸、预算和重点生成可导出的设计需求书。
网页珠宝商店网站模板
+25匹配材质和尺寸，检查款式状态，并导出询价清单。
网页知识图谱可视化
+25把项目笔记变成离线可搜索的知识图谱，每条结论都能追溯到原文所在行。
网页KPI 仪表盘模板
+25暖纸上的四个 KPI 方块，附变化标签，配发光折线图、分项表格和目标进度条。
网页AI 样稿转落地页
+25先看三张整页设计稿，选定一张，你的 Agent 再把它构建为干净、响应式的代码。
网页发布候补推荐系统
+25演示稳定推荐码和本地队列，明确标注无需后端的模拟。
网页律师事务所网站模板
+25按服务和司法辖区生成可打印的咨询准备清单。
网页杂志网站模板
+25印刷级质感的杂志网站，含文章、专题、小型商店和订阅，整站就是一个 HTML 文件。
网页会员定价计算器
+25按人数、周期和附加项目计算精确费用，并比较方案。
网页公益活动网站
+25展示筹款目标和成本假设，并按时间筛选志愿活动。
网页在线课程落地页
+25检查先修条件，查看课程内容，并计算每周学习计划。
网页运营工作看板
+25按优先级、负责人和到期日整理工作，通过明确状态流转处理任务。
网页粒子动画主视觉
+25暖纸底色上的文案，旁边是一个旋转的墨色与青绿色圆点球体，按每个理念重组形状，并在滚动时散开。
网页个人品牌网站
+25一张羽化进暖纸的肖像，置于细线括号之下，两侧是轻重对比的陈述。
网页宠物用品店官网模板
+25一个可以运作的宠物用品店：商品目录、规格、购物袋、补货计划和演示结账，全部在一个 HTML 文件中。
网页照片叙事排序器
+25调整照片顺序、裁切与叙事标签，导出并恢复同一套故事编排。
网页照片贴纸游乐场
+25拖动或用键盘摆放照片贴纸，旋转、撤销，再保存为 PNG 拼贴。
网页摄影作品集网站
+25按系列浏览本地照片，使用键盘灯箱查看细节，并打印联系表。
网页播客网站模板
+25播客网站：可播放的首屏、单集档案、嘉宾页面，以及切换页面时仍在播放的播放器。
网页手绘风定价区块
+25笔记本风格的定价表：倾斜的墨线卡片、年付切换和深色模式，一个离线文件即可。
网页产品集成目录
+25按能力和认证方式查找集成，并生成配置检查清单。
网页电影感产品发布页
+25电影光线下的近黑页面：衬线标题卡配漂移的光带，宽银幕式的夜景，以及预约表单。
网页房地产网站模板
+25按预算和卧室数量筛选房源，并打印对比清单。
网页论文研究项目主页
+25为你的论文做一个项目页：可交互的图 1、结果、局限性，以及一键复制的引用格式。
网页收入构成看板
+25核对各期收入总额，在金额和占比视图间比较产品或渠道构成。
网页收入趋势报告
+25展示真实收入记录、环比变化与滚动均值，明确标出缺失日期。
网页后台管理系统模板
+25可直接运行的后台控制台，含图表、表格、看板和日历，整套就是一个离线 HTML 文件。
网页SaaS 落地页模板
+25沉静、明亮的软件产品营销网站，含可交互的产品控制台、定价和注册。
网页可搜索记录表
+25将 CSV 变成支持搜索、数值排序、分页和安全导出的记录表。
网页服务状态看板
+25发布有依据的服务快照，区分正常、异常和过期检查，展示事件时间线。
网页运动俱乐部官网模板
+25俱乐部、健身房或工作室网站：课表、教练页、会员方案、场地图和预约，全部在一个文件里。
网页用户评价墙区块
+25一面瀑布流或缓慢漂移的客户评价墙，只展示客户同意公开的评价。
网页旅行行程网站
+25将活动按天排程，核对时间重叠与交通缓冲，并汇总已知费用。
网页UX 案例作品集
+25用可追溯证据讲清设计问题、约束与决策，区分实际结果和待验证方案。
网页工作流自动化落地页
+25石墨灰页面，左对齐的小标题，下方是实时的节点图，会运行、重试并流式输出日志。
网页作家作品集网站
+25按刊物和主题检索作品，保存阅读清单并导出媒体简介。
网页互动网格主视觉
+25近黑底上的一张细线深色网格，会朝光标弯曲，并从每次点击中荡出一圈发光的波纹。
常见问题
拼块真的能拼合吗？
相邻拼块以相反方向复用同一条弧形边界，因此数字路径完全匹配。将拼块拖近目标位置即可吸附；界面会跟踪已放置的拼块数量。
可以不用拖拽来玩吗？
可以。Tab 选中拼块，方向键移动，Enter 尝试吸附。界面还提供“打乱”、“吸附所选”和“显示完成图”按钮。
此工作流的费用取决于什么？
自有照片在本地组装和游玩，不调用生成。PopNow 可在精确报价并获批准后创建缺失的拼图图片；拼块数量越多，本地渲染和交互工作量越大。
拼图照片游乐场 已经封装了哪些内容？
领域算法与不变式检查。 可运行、可编辑的示例参数。 控制项含义、证明解读与限制。
拼图照片游乐场 的哪些部分可能产生费用？
自有照片在本地组装和游玩，不调用生成。PopNow 可在精确报价并获批准后创建缺失的拼图图片；拼块数量越多，本地渲染和交互工作量越大。 使用 PopNow API 密钥的连接，包括使用 API 密钥的 MCP 连接，从独立的 API 美元（USD）余额中扣费。通过 OAuth 授权的 ChatGPT 或 Claude 连接使用网站积分。这两种余额相互独立；请以当前连接显示的报价作为批准依据。
拼图照片游乐场 与写提示词或自建技能有什么不同？
该包提供精确适配的边缘几何、源图像裁剪和真实的拼图状态。它远超绘制拼图覆盖层或让无关贴纸自由移动的做法。