Social Triptych
Three individually legible square social cards, connected by a cinematic color story. Includes a structured brief, editable local source, real PNG/PDF export, and preserved upstream attribution.
A little less setup
Make this part of your toolkit.
Give your agent this prompt. You’ll approve access in your browser before it installs a Skill.
Read https://skilly.uk/install/skills/social-triptych.md and follow the instructions to install this Skill for my agent.REAL SAMPLE / RELEASED PACKAGE
RELEASED v1.0.2A closer look at the actual output.
Actual generated output with bundled AI-generated concept imagery. Sample products, dishes, artworks and settings are fictional; all text, data and interactions remain editable.
THE COMPLETE TEMPLATE
Try it. Make yourself at home.
Scroll inside, explore the pages, and try the controls. Choose Open for downloads, printing, or external links.
1440 × 900 canvas · scaled evenly to fitUse the preview’s own scroll and keyboard controls.
Inside this template
3 pages- Go where your eye wanders.
- Stay a little longer.
- Bring something back.
- Tested runtime
- Node.js 24.19.0 · macOS arm64 · Chromium 153
- Pinned dependency
- Playwright 1.63.0 · local fonts · no external page requests
- Checks completed
- Normal and edge generation, no-overwrite safety, real PNG dimensions/PDF pages, responsive widths and category-specific browser behavior.
Image-led sample refresh with author regression checks. Independent workflow evidence belongs to the original 1.0.0 release, not a new model test.
Concept images do not document real products, dishes, materials, places or artists. Exact image model ID was not reported. Browser viewports are emulated; physical devices and other agents are not certified.
From a good brief to a better result.
Three individually legible square social cards, connected by a cinematic color story. Includes a structured brief, editable local source, real PNG/PDF export, and preserved upstream attribution. The published package has its own version, tested environments, and included outputs listed alongside this overview. Any earlier draft samples below retain their original verification scope.
What you bring
- Structured JSON brief with your original writing, labels and attribution
- Real data sources and reporting windows when the task uses metrics
What you’ll make
- Editable HTML and local CSS
- Opaque PNG page exports and a multi-page PDF
- Validated JSON brief and export geometry
The intended workflow
- Map your content using the task-specific input contract
- Generate editable files into a new directory
- Review the result and export actual PNG/PDF files with local Chromium