All Skills
Frontend interactionHTMLv1.1.0

Poster Print Playground

Four independent SVG poster systems explore a perspective card, a typographic signal network, a portrait with translucent dialogue, and a layered product still life. Change palettes and composition; mixed-language headlines wrap to their measured width in both preview and export.

Poster designTypographySVG exportPrint palettes

Live demo

Interactive demo

Select one of four compositions, edit the headline, ink and layout, then download the matching SVG.

Open preview in a new window
FROM DEMO TO PROJECT

Make this effect yours

Includes Skill instructions, a Python generator, an HTML template, design notes, and an offline preview. Requires Python 3.10+ with no additional dependencies. Supports custom text and colors, keyboard controls, and reduced motion.

Download SKILL.md only
  1. Download and unzip

    Keep the poster-print-playground/ folder. Its SKILL.md file is the Skill entry point, and scripts/ contains the generator, templates/ the HTML template, and references/ the design notes. Open preview.html directly in your browser.

  2. Give it to your AI coding assistant

    Add the folder to your project and ask your assistant to read SKILL.md. If your tool supports Skills, follow its installation method.

  3. Describe the result you want

    Create four editable poster compositions with perspective, nodes, a portrait and layered packaging, measured mixed-language headline wrapping and SVG export.

Skill source

SKILL.md
Read full Skill instructions