Каждая внутренняя граница генерируется один раз и повторно используется двумя соседними элементами в противоположных направлениях. SVG-клипы сохраняют исходное фото внутри этих фигурных элементов; локальный слой взаимодействия отслеживает перемещение, дистанцию примагничивания и завершение. Собственные фотографии собираются и играются локально без вызовов генерации. PopNow может создать недостающую картинку пазла после точной цитаты и одобрения; дополнительные элементы увеличивают локальную работу по рендерингу и взаимодействию.
- PopNow генерирует
- Изображения
- Нужно
- Python 3
Генерация необязательна, если у вас есть подходящие исходные материалы.
v1.0.0 · Обновлено 25 окт. 2026 г. · 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
- исходная фотография и seed перемешивания
Что проверить перед передачей результата
- Количество элементов равно rows × columns, и каждый идентификатор уникален.
- Каждый элемент — замкнутый путь, построенный из общих рёбер.
- Сохраненный бриф воспроизводит PNG и SVG; небезопасная замена отклоняется.
Посмотреть файлы пакета
Здесь перечислены некоторые рабочие файлы этой версии и их назначение. Полный пакет также содержит инструкции и применимые лицензионные уведомления.
Домен алгоритма и проверки инвариантов.
scripts/recipe.pyРабочий, редактируемый пример параметров.
examples/brief.jsonКонтроль смыслов, интерпретация доказательств и пределы.
references/design-notes.md
Зачем нужен этот навык
Начать с этого пакета
Пакет предоставляет подогнанную геометрию рёбер, клиппинг исходного изображения и реальное состояние пазла. Это больше, чем нарисовать оверлей пазла или позволить несвязанным стикерам свободно двигаться.
Что добавляет PopNow
Используйте PopNow, чтобы получить недостающие материалы категории «Изображения» для этого процесса. Сохраните подходящие материалы, которые у вас уже есть, а новые добавьте на описанных здесь этапах редактирования и сборки.
Сравнить подходы
Запрос, собственный навык или этот процесс?
Начать с запроса
Ваш агент может создавать материалы по обычному запросу. Но для проекта всё равно нужно определить задание, визуальные правила, выбор материалов, формат результата и порядок проверки.
Написать собственный навык
Вы выбираете и поддерживаете повторно используемые инструкции, настройки по умолчанию, структуру файлов и проверки. Это удобно, если вашему процессу нужны другие правила или интеграции.
Процесс, созданный для PopNow
Этот процесс разработан для PopNow. Исходные файлы, включённые зависимости и применимые уведомления входят в пакет; описанные ниже возможности относятся к этой версии.
Руководство проверено 25 окт. 2026 г.
Сколько это будет стоить?
Собственные фотографии собираются и играются локально без вызовов генерации. PopNow может создать недостающую картинку пазла после точной цитаты и одобрения; дополнительные элементы увеличивают локальную работу по рендерингу и взаимодействию.
Генерация необязательна, если у вас есть подходящие исходные материалы. Навык бесплатный. Стоимость новых материалов рассчитывается до генерации.
Пакет навыка
Установка бесплатна в пределах лимита скачиваний вашего аккаунта. Лицензия пакета разрешает работу для себя и клиентов, но не его дальнейшее распространение.
Готовые материалы и локальная работа
Повторное использование подходящих материалов, редактирование файлов и локальная сборка не обращаются к моделям генерации PopNow. Работу по-прежнему выполняют ваш компьютер и необходимая среда выполнения.
Новые ИИ-изображения, видео или звук
Стоимость рассчитывается по фактической модели, входным данным, количеству, длительности и разрешению. Дополнительные варианты, правки или улучшения могут потребовать новых запросов на генерацию.
Ваш агент и хостинг
Подписка, облачный компьютер, развёртывание и другие услуги оплачиваются соответствующему сервису. Установка навыка не включает эти услуги.
Сначала узнайте стоимость своего варианта
Сначала помощник может изучить доступные модели и рассчитать стоимость конкретного запроса. Вы выбираете дополнительные этапы и одобряете расходы до начала генерации.
Попросите помощника
Используй навык PopNow «Площадка пазлов из фотографий» для моего проекта. Перечисли материалы, которые можно использовать повторно, рассчитай стоимость только недостающих медиа, покажи сумму расчёта и отметь этапы, для которых ещё нет расчёта стоимости. Отдельно укажи необязательные улучшения и дождись моего одобрения перед любыми платными действиями.
Как устроена оплата PopNow
Подключения с API-ключом PopNow, включая MCP с API-ключом, расходуют отдельный баланс API в долларах США. Подключение ChatGPT или Claude, авторизованное через OAuth, расходует кредиты сайта. Эти балансы раздельные; расходы одобряются на основе расчёта, показанного в вашем подключении.
Действуют лимиты скачиваний и текущие условия аккаунта. Бесплатный пакет не означает неограниченную бесплатную генерацию.
Как пользоваться
Вы пишете
Используйте навык 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-страницу.
ВебСайт академического CV
+25Систематизирует исследования, преподавание и службу с фильтрами публикаций и BibTeX.
ВебКалендарная тепловая карта активности
+25Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
ВебСайт аграрной продукции
+25Фильтрует оборудование по культурам и регионам, сравнивает параметры и готовит запрос.
ВебЛендинг SaaS с ИИ
+25Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
ВебАнимированный первый экран сайта
+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Сравнивает конверсии, размеры выборок и интервалы Уилсона без поспешного выбора победителя.
ВебПортал финансовых отчётов
+25Ищите отчёты по году и типу, сравнивайте показатели и выгружайте данные.
ВебПрототип поиска рейсов
+25Фильтрует локальные рейсы по маршруту, дате и пассажирам, сравнивая цену и длительность.
ВебИнтерактивная схема архитектуры
+25Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
ВебИнтерактивный мини-музей
+25Исследуйте три зала, рассматривайте обычные предметы и собирайте собственный билет впечатлений.
ВебСайт дизайнера интерьера
+25Создавайте бриф по размерам комнаты, бюджету и приоритетам с возможностью выгрузки.
ВебСайт ювелирного магазина
+25Проверяйте сочетания материала и размера и выгружайте список запросов.
ВебГраф знаний из заметок
+25Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
ВебШаблон KPI-дашборда
+25Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
ВебЛендинг из ИИ-макетов
+25Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
ВебЛист ожидания с рекомендациями
+25Проверяйте постоянные коды и локальную очередь в явно обозначенной демонстрации.
ВебШаблон сайта юридической фирмы
+25Составляйте печатный список подготовки к консультации по услуге и юрисдикции.
ВебШаблон сайта журнала
+25Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
ВебКалькулятор стоимости подписки
+25Точно рассчитывайте цену по числу участников, периоду и опциям и сравнивайте планы.
ВебСайт некоммерческой кампании
+25Показывайте цель и допущения затрат, находите волонтёрские задачи по времени.
ВебЛендинг онлайн-курса
+25Проверяйте подготовку, изучайте программу и рассчитывайте недельный учебный план.
ВебПанель рабочих задач
+25Сортирует задачи по приоритету, ответственному и сроку с явными переходами состояний.
ВебГерой с анимацией частиц
+25Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
ВебСайт личного бренда
+25Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
ВебШаблон сайта зоомагазина
+25Работающий магазин зоотоваров с каталогом, вариантами, корзиной, планировщиком пополнения и демо-оформлением в одном HTML-файле.
ВебРедактор фотопоследовательности
+25Меняйте порядок снимков, кадрирование и сюжетные подписи, затем экспортируйте и восстановите точную последовательность.
ВебПлощадка фотостикеров
+25Расставляйте фотографии мышью или клавиатурой, поворачивайте, отменяйте изменения и сохраняйте коллаж в PNG.
ВебФотопортфолио
+25Организует серии фотографий с просмотром с клавиатуры и печатным контактным листом.
ВебШаблон сайта подкаста
+25Сайт подкаста с проигрываемым хедером, архивом выпусков, страницами гостей и плеером, который продолжает играть.
ВебРаздел цен в стиле рисованной заметки
+25Таблица тарифов в стиле блокнота: слегка наклонённые карточки с чернильным контуром, переключатель года и тёмная тема в одном офлайн-файле.
ВебКаталог интеграций продукта
+25Ищите интеграции по функциям и авторизации и составляйте список настройки.
ВебКинематографичная страница запуска продукта
+25Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
ВебШаблон сайта недвижимости
+25Фильтруйте объекты по бюджету и числу спален и печатайте сравнение.
ВебСайт исследовательской статьи
+25Страница проекта для вашей статьи с интерактивным рисунком 1, результатами, ограничениями и цитированием в один клик.
ВебСтруктура выручки
+25Сравнивает суммы и доли по категориям, сверяя итог каждого периода.
ВебОтчёт о динамике выручки
+25Показывает выручку, изменение и скользящее среднее, отмечая пропущенные даты.
ВебШаблон админ-панели
+25Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
ВебШаблон лендинга для SaaS
+25Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
ВебТаблица с поиском
+25Превращает CSV в таблицу с поиском, числовой сортировкой, страницами и безопасным экспортом.
ВебПанель состояния сервисов
+25Показывает состояние компонентов, устаревшие проверки и историю инцидентов.
ВебШаблон сайта спортивного клуба
+25Сайт клуба, зала или студии с расписанием, страницами тренеров, абонементами, планом кортов и бронированием в одном файле.
ВебРаздел стены отзывов
+25Мозаичная или медленно дрейфующая стена отзывов клиентов, в которую попадают только цитаты, на которые люди дали согласие.
ВебСайт маршрута поездки
+25Планирует дни, проверяет пересечения и время переездов и суммирует известные расходы.
ВебПортфолио UX-кейсов
+25Связывает решения с доказательствами и отделяет наблюдаемые результаты от предложений.
ВебЛендинг автоматизации процессов
+25Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
ВебПортфолио писателя
+25Ищите тексты по изданию и теме, сохраняйте список чтения и выгружайте биографию.
ВебИнтерактивный герой с сеткой
+25Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Вопросы
Элементы действительно стыкуются?
Соседние элементы повторно используют одну и ту же фигурную границу в обратном направлении, поэтому цифровые пути совпадают. Перетащите элемент рядом с целью для примагничивания; интерфейс отслеживает, сколько элементов размещено.
Можно играть без перетаскивания?
Да. Tab выбирает элемент, стрелки перемещают его, Enter пытается примагнитить. Интерфейс также предоставляет кнопки Перемешать, Примагнитить выбранный и Показать собранное изображение.
На что зависят затраты в этом рабочем процессе?
Собственные фотографии собираются и играются локально без вызовов генерации. PopNow может создать недостающую картинку пазла после точной цитаты и одобрения; дополнительные элементы увеличивают локальную работу по рендерингу и взаимодействию.
Что уже входит в пакет Площадка пазлов из фотографий?
Домен алгоритма и проверки инвариантов. Рабочий, редактируемый пример параметров. Контроль смыслов, интерпретация доказательств и пределы.
Какие этапы Площадка пазлов из фотографий могут потребовать оплаты?
Собственные фотографии собираются и играются локально без вызовов генерации. PopNow может создать недостающую картинку пазла после точной цитаты и одобрения; дополнительные элементы увеличивают локальную работу по рендерингу и взаимодействию. Подключения с API-ключом PopNow, включая MCP с API-ключом, расходуют отдельный баланс API в долларах США. Подключение ChatGPT или Claude, авторизованное через OAuth, расходует кредиты сайта. Эти балансы раздельные; расходы одобряются на основе расчёта, показанного в вашем подключении.
Чем Площадка пазлов из фотографий отличается от обычного запроса или собственного навыка?
Пакет предоставляет подогнанную геометрию рёбер, клиппинг исходного изображения и реальное состояние пазла. Это больше, чем нарисовать оверлей пазла или позволить несвязанным стикерам свободно двигаться.