El constructor lee los ejes fvar y la cobertura de caracteres cmap de la fuente suministrada, y luego incrusta la fuente autorizada en una herramienta de especímenes sin conexión. Los controles del navegador exponen esos ejes reales; las exportaciones incluyen PNG, SVG de texto vivo y un JSON de ajustes editable.
- Requiere
- Python 3 · browser
v1.0.0 · Actualizado el 25 oct 2026 · 351 KB · Úsalo en trabajos personales y para clientes; por favor, no revendas ni compartas el paquete.
Qué obtienes
Una herramienta HTML sin conexión portátil con controles interactivos reales
Configuración JSON editable y el constructor específico de la tarea.
Ideal para
- Exploración tipográfica, estudios de tipografía de marca y especímenes tipográficos portátiles.
No es para
- Autorización de licencias de fuentes, conversión de fuentes estáticas en fuentes variables o renderizado idéntico en todos los visores SVG.
Cómo funciona
Incluye una herramienta de renderizado local
Prepare la entrada real
La fuente OFL incluida o una fuente variable con licencia.
Aplique los controles compatibles
Reemplazar la fuente variable por una que puedas incrustar. Editar una línea del texto de espécimen. Ajustar solo los ejes presentes en esa fuente y exportar el resultado.
Construya y revise el resultado
Abra output/index.html en un navegador. Use los controles reales y descargue los artefactos exportados. El constructor no implementa un sitio web.
Cómo funciona el proceso
Cómo funciona Laboratorio de especímenes tipográficos variables
El constructor lee los ejes fvar y la cobertura de caracteres cmap de la fuente suministrada, y luego incrusta la fuente autorizada en una herramienta de especímenes sin conexión. Los controles del navegador exponen esos ejes reales; las exportaciones incluyen PNG, SVG de texto vivo y un JSON de ajustes editable.
Qué contiene el skill
Qué puedes cambiar
- Reemplazar la fuente variable por una que puedas incrustar.
- Editar una línea del texto de espécimen.
- Ajustar solo los ejes presentes en esa fuente y exportar el resultado.
Qué revisar antes de la entrega
- El constructor comprueba los ejes reales de la fuente, los rangos de valores y la cobertura de caracteres.
- Inspecciona las exportaciones reales PNG/SVG y el texto largo en el navegador; el soporte de fuentes del visor puede variar.
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.
Lee ejes fvar reales y la cobertura de glifos cmap, y luego incrusta la fuente con licencia para uso sin conexión.
scripts/project.pyAplica los ejes reales de la fuente, comprueba los caracteres faltantes y exporta SVG de texto vivo o PNG rasterizado.
scripts/studio.jsValidación local, salida protegida y construcción de artefactos.
scripts/build.pyEjemplo ejecutable con controles compatibles reales.
examples/project.jsonLímites específicos del mecanismo y criterios de revisión visual.
references/production.md
Por qué usar este skill
Empezar con este paquete
El constructor lee los ejes fvar y la cobertura de caracteres cmap de la fuente suministrada, y luego incrusta la fuente autorizada en una herramienta de especímenes sin conexión. Los controles del navegador exponen esos ejes reales; las exportaciones incluyen PNG, SVG de texto vivo y un JSON de ajustes editable. El paquete aporta el ejemplo funcional, las entradas acotadas y la ruta de exportación para que no haya que diseñarlos desde un prompt simple.
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á?
El ejemplo procedimental o basado en fuentes empaquetado se ejecuta localmente sin generación de medios. El tiempo de cómputo y el agente o visor externo que utilice están fuera de los cargos de generación de PopNow. Cualquier medio opcional nuevo solicitado posteriormente requiere su propia cotización.
El proceso incluido se ejecuta localmente. Solicitar nuevos medios es una decisión aparte. 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.
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.
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 «Laboratorio de especímenes tipográficos variables» (variable-type-specimen-lab) para esto: Inspecciona una fuente variable real, ajusta sus ejes admitidos y exporta especímenes de texto vivo con comprobaciones de glifos. Comienza con el proyecto incluido, realiza las ediciones solicitadas e inspecciona la salida real.
Luego prueba
Reemplazar la fuente variable por una que puedas incrustar.
Editar una línea del texto de espécimen.
Qué tener a mano
- La fuente OFL incluida o una fuente variable con licencia.
- Python con soporte WOFF de fontTools para reconstruir, más un navegador actual.
Skills similares
Ver todos →
WebParque de puzzles de fotos
+25Convierte una fotografía en un puzzle jugable de piezas curvas con arrastre, encaje y controles de teclado.
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.
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
¿Qué ocurre cuando falta un carácter?
El constructor comprueba el cmap de la fuente y rechaza un texto inicial no admitido. El navegador advierte sobre los caracteres faltantes y desactiva la exportación de ilustraciones para ese texto; no sustituye silenciosamente otra fuente.
¿El ejemplo empaquetado requiere generación de pago?
No. Los activos o entradas procedimentales incluidas se ejecutan localmente. Si solicita nuevas imágenes, clips o sonido, use PopNow con una cotización exacta y aprobación antes de la generación; los créditos de API USD y el sitio OAuth son separados.
¿Qué incluye ya el paquete de Laboratorio de especímenes tipográficos variables?
Lee ejes fvar reales y la cobertura de glifos cmap, y luego incrusta la fuente con licencia para uso sin conexión. Aplica los ejes reales de la fuente, comprueba los caracteres faltantes y exporta SVG de texto vivo o PNG rasterizado. Validación local, salida protegida y construcción de artefactos. Ejemplo ejecutable con controles compatibles reales. Límites específicos del mecanismo y criterios de revisión visual.
¿Qué partes de Laboratorio de especímenes tipográficos variables pueden generar un cargo?
El ejemplo procedimental o basado en fuentes empaquetado se ejecuta localmente sin generación de medios. El tiempo de cómputo y el agente o visor externo que utilice están fuera de los cargos de generación de PopNow. Cualquier medio opcional nuevo solicitado posteriormente requiere su propia cotizació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 Laboratorio de especímenes tipográficos variables de escribir un prompt o mi propio skill?
El constructor lee los ejes fvar y la cobertura de caracteres cmap de la fuente suministrada, y luego incrusta la fuente autorizada en una herramienta de especímenes sin conexión. Los controles del navegador exponen esos ejes reales; las exportaciones incluyen PNG, SVG de texto vivo y un JSON de ajustes editable. El paquete aporta el ejemplo funcional, las entradas acotadas y la ruta de exportación para que no haya que diseñarlos desde un prompt simple.