Cada frontera interna se genera una vez y la reutilizan las dos piezas vecinas en direcciones opuestas. Los recortes SVG preservan la fotografía original dentro de esas piezas curvas; una capa local de interacción rastrea el movimiento, la distancia de encaje y la finalización. Las fotos propias se ensamblan y se juegan localmente sin llamadas de generación. PopNow puede crear una imagen de puzzle faltante tras una cotización exacta y una aprobación; más piezas aumentan el trabajo local de renderizado e interacción.
- Usa PopNow para
- Imágenes
- Requiere
- Python 3
La generación es opcional si dispones de material de entrada adecuado.
v1.0.0 · Actualizado el 25 oct 2026 · 11.2 MB · Úsalo en trabajos personales y para clientes; por favor, no revendas ni compartas el paquete.
Qué obtienes
Puzzle HTML local jugable
PNG de la foto resuelta y rutas de recorte SVG editables
Geometría de piezas, fotografía copiada y brief portátil
Ideal para
- Puzzles de fotos personales y recuerdos lúdicos
- Ilustraciones interactivas con un estado completado verificable
No es para
- Tolerancias de corte listas para láser
- Colocación de collage sin restricciones
Cómo funciona
Incluye una herramienta de renderizado local
Elige la entrada
Elige una foto detallada y define la rejilla del puzzle.
Renderizar e inspeccionar
Construye la geometría compartida de las piezas y abre el HTML local.
Ajusta y exporta
Juega, inspecciona la imagen completada o exporta las rutas de recorte editables.
Cómo funciona el proceso
Cómo funciona Parque de puzzles de fotos
Cada frontera interna se genera una vez y la reutilizan las dos piezas vecinas en direcciones opuestas. Los recortes SVG preservan la fotografía original dentro de esas piezas curvas; una capa local de interacción rastrea el movimiento, la distancia de encaje y la finalización.
Qué contiene el skill
Qué puedes cambiar
- rows: 2–8 y columns: 2–10
- tab_depth: 0.10–0.23 de la dimensión menor de la pieza
- snap_distance: 8–40 unidades SVG
- fotografía de origen y semilla de mezcla
Qué revisar antes de la entrega
- El número de piezas equivale a rows × columns y cada identificador es único.
- Cada pieza es una trayectoria cerrada construida a partir de bordes compartidos.
- El brief guardado reproduce el PNG y el SVG; un reemplazo inseguro se rechaza.
Ver los archivos del paquete
Estos son algunos de los archivos de trabajo de esta edición y su función real. La descarga completa también incluye instrucciones y los avisos de licencia aplicables.
El algoritmo del dominio y las verificaciones de invariante.
scripts/recipe.pyParámetros de ejemplo ejecutables y editables.
examples/brief.jsonSignificados de controles, interpretación de pruebas y límites.
references/design-notes.md
Por qué usar este skill
Empezar con este paquete
El paquete proporciona geometría de bordes ajustada, recorte de la imagen de origen y un estado de puzzle real. Va más allá de dibujar una superposición de puzzle o dejar que pegatinas sin relación se muevan libremente.
Qué aporta PopNow
Usa PopNow para crear el material que falta (Imágenes) en este flujo de trabajo. Conserva el material adecuado que ya posees e incorpora los nuevos recursos a los pasos de edición y montaje descritos aquí.
Comparar las opciones
¿Un prompt, tu propio skill o este flujo de trabajo?
Empezar con un prompt
Tu agente puede crear a partir de una petición sencilla. Aún hay que definir el encargo, las reglas visuales, los recursos, el formato de salida y el proceso de revisión de ese proyecto.
Escribir tu propio skill
Tú eliges y mantienes las instrucciones reutilizables, los ajustes predeterminados, la estructura de archivos y las comprobaciones. Es útil cuando tu proceso necesita otras reglas o integraciones.
Un flujo de trabajo creado para PopNow
Este flujo de trabajo se creó para PopNow. Sus archivos fuente, las dependencias incluidas y los avisos aplicables forman parte del paquete. Las capacidades descritas a continuación corresponden a esta edición.
Guía revisada el 25 oct 2026
¿Cuánto costará?
Las fotos propias se ensamblan y se juegan localmente sin llamadas de generación. PopNow puede crear una imagen de puzzle faltante tras una cotización exacta y una aprobación; más piezas aumentan el trabajo local de renderizado e interacción.
La generación es opcional si dispones de material de entrada adecuado. Skill gratuito. Los nuevos medios se presupuestan antes de generarlos.
El paquete del skill
Instalación gratuita dentro del cupo de descargas de tu cuenta. La licencia del paquete cubre tus propios proyectos y los de tus clientes; no permite redistribuirlo.
Recursos existentes y trabajo local
Reutilizar recursos adecuados, editar archivos y ensamblarlos localmente no invoca ningún modelo de generación de PopNow. Tu ordenador y el entorno de ejecución necesario siguen realizando ese trabajo.
Nuevas imágenes, vídeos o sonidos con IA
El precio se calcula según el modelo, las entradas, la cantidad, la duración y la resolución reales. Las alternativas, revisiones o mejoras opcionales pueden añadir solicitudes de generación.
Tu agente y el alojamiento
Las suscripciones, los equipos alojados, los despliegues y cualquier otra tarifa de un proveedor corresponden a ese servicio. Instalar este skill no incluye esos servicios.
Comprueba primero el coste de tu versión
Tu asistente puede consultar primero los modelos disponibles y obtener el precio de la solicitud exacta. Tú eliges los tratamientos opcionales y apruebas el gasto antes de la generación.
Pídele a tu asistente
Usa el skill de PopNow «Parque de puzzles de fotos» para mi proyecto. Enumera los materiales que puedes reutilizar, presupuesta solo los medios que falten, muestra el total presupuestado e indica los pasos que todavía no tienen presupuesto. Separa las mejoras opcionales y espera mi aprobación antes de iniciar cualquier operación de pago.
Cómo funciona la facturación de PopNow
Las conexiones que utilizan una clave API de PopNow, incluidas las conexiones MCP con clave API, consumen el saldo independiente de la API en USD. Una conexión de ChatGPT o Claude autorizada mediante OAuth utiliza créditos del sitio web. Estos saldos son independientes; el presupuesto que muestra tu conexión es la base de tu aprobación.
Se aplican los cupos de descarga y las condiciones vigentes de la cuenta. Un paquete gratuito no implica generación gratuita ilimitada.
Cómo usarlo
Tú dices
Usa el skill de PopNow «Parque de puzzles de fotos» (jigsaw-photo-playground) para esto: Elige una foto detallada y define la rejilla del puzzle. Usa el ejemplo empaquetado como punto de partida y devuelve la obra real con sus entradas editables.
Luego prueba
Reconstruye una versión visiblemente distinta usando columns: 5 → 6; seed: 17 → 11.
Explica el resultado usando sus archivos de prueba reales y el registro del algoritmo.
Qué tener a mano
- Una fotografía que te pertenezca o que puedas usar
- Filas, columnas y dificultad deseadas
- Python 3.10+, Pillow y NumPy; un navegador para jugar
Skills similares
Ver todos →
WebPlantilla de web para marca de bebidas
+25Web soleada para marca de bebidas o snacks con tienda, configurador de packs, mapa de puntos de venta y pago de demostración.
WebMundo de papel al desplazarse
+25Recorre un paisaje de papel en capas, encuentra tres recuerdos y crea un pequeño diario de paseo.
WebPlantilla web de tienda de zapatillas
+25Una tienda completa de calzado o ropa con catálogo, páginas de producto, cesta y checkout de demostración en un único HTML.
WebArte fractal con zoom
+25Explora un fractal calculado, elige un primer plano y exporta la vista exacta como obra de arte y un brief reutilizable.
WebWeb de portfolio estilo scrapbook
+25Un CV online de varias páginas hecho con objetos de papel, con casos de estudio y un currículum imprimible.
WebÓrbita de línea de Fourier
+25Reconstruye un dibujo cerrado con círculos rotatorios de Fourier y exporta el nivel de detalle armónico elegido.
WebLaboratorio de Diseño de Plegado Pop-Up
+25Abra un eslabón de papel simétrico, ajuste su geometría de fijación y exporte una prueba de pliegue medida.
WebMicrositio de disco de vinilo
+25Presenta un álbum como una funda tangible con dos caras de escucha, notas y un disco que gira.
WebWeb de producto de hardware
+25Nombres de modelo enormes y finos sobre fotos de estudio plateadas y tarjetas de especificaciones.
WebPlantilla de web para agencia de viajes
+25Web centrada en la foto para excursiones, guías o refugios, con búsqueda de viajes, solicitudes de reserva y cuestionario de viaje.
WebWeb para diseñador freelance
+25Web atrevida de estudio de una persona que vende paquetes de precio fijo, con páginas de plan, casos de estudio y formulario de encargo.
WebPlantilla web de glassmorphism
+25Píldoras de cristal esmerilado sobre fondo casi negro, titular serif enorme y captura de correo.
WebEstudio de Esfuerzos Fotoelásticos
+25Compón obras luminosas de franjas de esfuerzo con cargas y ángulos de polarizador editables en un estudio portátil sin conexión.
WebLaboratorio de especímenes tipográficos variables
+25Inspecciona una fuente variable real, ajusta sus ejes admitidos y exporta especímenes de texto vivo con comprobaciones de glifos.
WebEscultura de palabras ortogonal
+25Intersecta dos palabras extruidas en un solo sólido que se lee de forma distinta desde puntos de vista perpendiculares.
WebCreador de avatares 3D
+25Crea un adorable personaje 3D de peluche en tu navegador y guárdalo como PNG transparente o como página 3D.
WebWeb de CV académico
+25Organiza investigación, docencia y servicio con filtros de publicaciones y exportación BibTeX.
WebMapa de calor de calendario
+25Un año de actividad diaria en una cuadrícula de calendario sombreada, con rachas, totales y acceso por teclado.
WebWeb de productos agrícolas
+25Filtra equipos por cultivo y región, compara especificaciones y prepara consultas técnicas.
WebLanding page de SaaS con IA
+25Papel arena cálido y guías finas alrededor de un tablero kanban en vivo donde un asistente planifica tareas.
WebSección hero animada
+25Un hero de landing page con una palabra del titular que rota suavemente, dos botones y un marco ancho para imagen.
WebPortfolio de salón recreativo
+25Muestra proyectos como cartuchos en una pequeña sala de recreativos, con navegación táctil y por teclado.
WebPortafolio de arquitectura
+25Filtra proyectos, cambia las unidades de superficie e imprime una selección.
WebSitio web de productos de audio
+25Compara especificaciones y escucha tus archivos en una prueba A/B real y local.
WebAnalizador de espectro de audio
+25Analiza audio local con espectro real, frecuencia dominante y nivel de señal.
WebPlantilla web de casos de estudio
+25Vincula pruebas e indicadores, verifica cambios y señala los datos que faltan.
WebPanel de flujo de caja
+25Concilia saldo inicial, entradas y salidas con un saldo calculado por transacción.
WebRelato de desplazamiento cinematográfico
+25Cuenta una historia fotográfica en cuatro actos, con imágenes amplias, movimiento suave y modo panorámico.
WebSitio de marketing para CMS
+25Edita artículos JSON, valida sus campos, previsualiza y exporta contenido válido.
WebPágina para ponentes
+25Busca charlas por tema y duración, y exporta la presentación y los requisitos técnicos.
WebConstelación de recuerdos
+25Conecta seis recuerdos fotográficos como estrellas y explóralos libremente o en orden cronológico.
WebPlantilla web para constructoras
+25Calcula cantidades y precios unitarios, separa la contingencia y exporta el presupuesto.
WebPlantilla web de consultoría
+25Compara servicios por objetivo, plazo y tamaño del equipo, y exporta un resumen.
WebPanel de conversión
+25Calcula conversiones y abandonos por etapa de una misma cohorte, con una tabla verificable.
WebWeb de agencia creativa con héroe shader
+25Un héroe shader vivo en naranja tras un titular anclado abajo, navegación en píldora y casos en cuadrícula.
WebPortal de incorporación de clientes
+25Guía pasos dependientes con responsables, progreso ponderado y una lista exportable.
WebLanding page SaaS oscura
+25Una web de marketing oscura y llena de movimiento para un producto de software, entregada como un único archivo HTML autónomo.
WebMuestra de sistema de diseño
+25Edita colores, calcula contrastes reales y exporta tokens coherentes en CSS y JSON.
WebWeb de portafolio para diseñadores
+25Seis tarjetas inclinadas flotan alrededor de un titular que se desvanece, con una tarjeta de retrato roja.
WebDiario de desarrollo
+25Crea un diario técnico buscable con código legible y un feed RSS exportable.
WebWeb de portfolio para desarrolladores
+25Una web personal oscura para ingenieros con casos de estudio, artículos, charlas, currículum y formulario de contacto.
WebPágina de destino para libros digitales
+25Lee capítulos originales, ajusta el tamaño del texto y guarda el progreso localmente.
WebTabla de presupuesto editable
+25Recalcula previsión, gasto real y saldo al editar cantidades y precios unitarios.
WebWeb SaaS de estilo editorial
+25Héroe dividido en azul marino, titular serif junto a una foto documental y un acento cobalto.
WebGráfico de asistencia
+25Compara inscripciones, entradas y aforo con tasas ponderadas y ausencias explícitas.
WebPlantilla de sitio para eventos
+25Filtra sesiones, detecta horarios superpuestos y exporta una agenda personal.
WebComparador de experimentos
+25Compara conversiones, muestras e intervalos de Wilson sin proclamar un ganador.
WebPortal de informes financieros
+25Busca informes por año y tipo, compara indicadores y exporta datos.
WebPrototipo de buscador de vuelos
+25Filtra vuelos locales por ruta, fecha y viajeros y compara precio total, duración y escalas.
WebDiagrama de arquitectura interactivo
+25Un diagrama de sistema offline y clicable, creado a partir de un modelo JSON validado, con la evidencia detrás de cada caja.
WebPequeño museo interactivo
+25Explora tres salas, observa los objetos de cerca y reúne tu propia entrada de visita.
WebSitio web de diseño de interiores
+25Crea un encargo exportable con las medidas, el presupuesto y las prioridades de una habitación.
WebSitio web para joyerías
+25Comprueba materiales, tallas y variantes disponibles, y exporta una lista de consultas.
WebExplorador de grafos de conocimiento
+25Convierte notas de proyecto en un grafo offline y con búsqueda donde cada afirmación enlaza con su línea de origen.
WebPlantilla de panel de KPIs
+25Cuatro KPIs con indicadores de cambio, gráfico de líneas, desglose y barras de objetivo.
WebLanding page desde maquetas de IA
+25Ve tres diseños de página completa primero, elige uno y tu agente lo construye como código limpio y adaptable.
WebLista de espera con referidos
+25Prueba códigos estables y una cola local en una demostración identificada claramente.
WebPlantilla web para despachos jurídicos
+25Crea una lista imprimible para preparar una consulta según el servicio y la jurisdicción.
WebPlantilla web para revistas
+25Una web de revista con calidad de imprenta, con artículos, temas, una pequeña tienda y suscripciones, en un único archivo HTML.
WebCalculadora de precios de membresía
+25Calcula costes exactos por personas, periodo y extras, y compara planes.
WebSitio de campaña sin fines de lucro
+25Muestra la meta y los supuestos de coste, y filtra voluntariados por duración.
WebPágina de destino para cursos en línea
+25Revisa los requisitos, explora el temario y calcula un plan de estudio semanal.
WebPanel de operaciones
+25Ordena tareas por prioridad, responsable y fecha con transiciones de estado explícitas.
WebHéroe con animación de partículas
+25Texto sobre papel cálido junto a una esfera de puntos que cambia con cada idea.
WebWeb de marca personal
+25Retrato fundido con papel cálido bajo un corchete fino, con afirmaciones a cada lado.
WebPlantilla de web para tienda de mascotas
+25Tienda de mascotas funcional: catálogo, variantes, bolsa, planificador de recargas y pago de demo en un solo archivo HTML.
WebEditor de secuencias fotográficas
+25Ordena una historia en fotos, elige encuadres y momentos narrativos, y exporta o restaura la secuencia exacta.
WebPatio de pegatinas fotográficas
+25Coloca fotos con ratón o teclado, gíralas, deshaz cambios y guarda el collage como PNG.
WebPortafolio fotográfico
+25Organiza series con visor de teclado y hoja de contactos imprimible.
WebPlantilla de web para podcast
+25Web de podcast con un hero reproducible, archivo de episodios, páginas de invitados y un reproductor que sigue sonando.
WebSección de precios dibujada a mano
+25Tabla de precios al estilo cuaderno, con tarjetas de tinta inclinadas, conmutador anual y modo oscuro, en un solo archivo sin conexión.
WebDirectorio de integraciones de producto
+25Busca por función y autenticación, y crea una lista de pasos de configuración.
WebPágina de lanzamiento de producto cinematográfica
+25Página oscura con iluminación de cine: titular serif, escena nocturna y formulario de reserva.
WebPlantilla de sitio inmobiliario
+25Filtra propiedades por presupuesto y dormitorios e imprime una comparación.
WebWeb para artículo de investigación
+25Página de proyecto para tu artículo con una Figura 1 interactiva, resultados, limitaciones y cita con un clic.
WebPanel de mezcla de ingresos
+25Compara importes y porcentajes por categoría con totales conciliados en cada período.
WebInforme de ingresos
+25Muestra ingresos, variaciones y medias móviles, señalando los días sin datos.
WebPlantilla de dashboard de administración
+25Una consola de back office funcional con gráficos, tablas, kanban y calendario, en un único archivo HTML offline.
WebPlantilla de landing page SaaS
+25Una web de marketing tranquila y luminosa para un producto de software, con consola de producto funcional, precios y registro.
WebTabla de registros buscable
+25Convierte CSV en una tabla con búsqueda, orden numérico, paginación y exportación segura.
WebPanel de estado de servicios
+25Distingue salud, incidencias y comprobaciones caducadas en una instantánea documentada.
WebPlantilla de web para club deportivo
+25Web de club, gimnasio o estudio con horario, páginas de entrenadores, membresías, plano de pistas y reservas en un solo archivo.
WebSección de muro de testimonios
+25Un muro de citas de clientes en mampostería o con deriva lenta, que solo publica citas que las personas han autorizado.
WebWeb de itinerarios de viaje
+25Organiza actividades, detecta solapamientos y tiempos de traslado y suma costes conocidos.
WebPortafolio de casos UX
+25Explica decisiones y restricciones con pruebas, separando resultados observados y propuestas.
WebLanding page de automatización de flujos
+25Página grafito, titular pequeño y un grafo de nodos en vivo que ejecuta, reintenta y transmite registros.
WebPortafolio para escritores
+25Busca textos por publicación y tema, guarda una lista de lectura y exporta una biografía.
WebHéroe con cuadrícula interactiva
+25Una cuadrícula oscura de hilos finos que se inclina hacia el cursor y lanza un anillo luminoso con cada clic.
Preguntas
¿Las piezas realmente encajan entre sí?
Las piezas vecinas reutilizan la misma frontera curva en sentido inverso, así que las rutas digitales coinciden. Arrastra una pieza cerca de su objetivo para encajarla; la interfaz rastrea cuántas piezas están colocadas.
¿Puedo jugar sin arrastrar?
Sí. Tab selecciona una pieza, las flechas la mueven y Enter intenta encajarla. La interfaz también ofrece botones de Mezclar, Encajar selección y Mostrar imagen completada.
¿Qué costos dependen de este flujo de trabajo?
Las fotos propias se ensamblan y se juegan localmente sin llamadas de generación. PopNow puede crear una imagen de puzzle faltante tras una cotización exacta y una aprobación; más piezas aumentan el trabajo local de renderizado e interacción.
¿Qué incluye ya el paquete de Parque de puzzles de fotos?
El algoritmo del dominio y las verificaciones de invariante. Parámetros de ejemplo ejecutables y editables. Significados de controles, interpretación de pruebas y límites.
¿Qué partes de Parque de puzzles de fotos pueden generar un cargo?
Las fotos propias se ensamblan y se juegan localmente sin llamadas de generación. PopNow puede crear una imagen de puzzle faltante tras una cotización exacta y una aprobación; más piezas aumentan el trabajo local de renderizado e interacción. Las conexiones que utilizan una clave API de PopNow, incluidas las conexiones MCP con clave API, consumen el saldo independiente de la API en USD. Una conexión de ChatGPT o Claude autorizada mediante OAuth utiliza créditos del sitio web. Estos saldos son independientes; el presupuesto que muestra tu conexión es la base de tu aprobación.
¿En qué se diferencia Parque de puzzles de fotos de escribir un prompt o mi propio skill?
El paquete proporciona geometría de bordes ajustada, recorte de la imagen de origen y un estado de puzzle real. Va más allá de dibujar una superposición de puzzle o dejar que pegatinas sin relación se muevan libremente.