Brand Direction Board
Compose a visual direction board with intentional colors, actual typography, tactile studies and two application compositions. Includes an original editable local template, a structured JSON brief, actual PNG/PDF export and preserved font 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/brand-direction-board.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
1 pages- Slow by nature.
- 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 briefs, semantic validation, no-overwrite safety, responsive and panel geometry, font fallback, PNG dimensions and actual PDF page inspection.
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.
Compose a visual direction board with intentional colors, actual typography, tactile studies and two application compositions. Includes an original editable local template, a structured JSON brief, actual PNG/PDF export and preserved font 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
- A task-specific JSON brief with your original content
- Confirmed facts, explicit units or agenda times where applicable
What you’ll make
- Editable HTML and CSS
- Opaque PNG page exports
- Validated brief.json and export.json
The intended workflow
- Shape the brief using the task-specific input contract
- Generate editable local source into a new directory
- Inspect every page and export actual PNG/PDF with local Chromium