Afterhours Fashion Campaign
Create an expressive fashion campaign website with oversized typography, a moving type rail, filterable image studies and eight editorial chapters. Adapt the structured brief, supplied concept image and editable theme source to your own authorized campaign.
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/afterhours-fashion-campaign.md and follow the instructions to install this Skill for my agent.REAL SAMPLE / RELEASED PACKAGE
RELEASED v1.0.0A closer look at the actual output.
Actual generated fashion campaign: one fictional model and wardrobe, presented as a full frame and clearly labeled detail crops. The cover is generated concept imagery, not documentary photography.
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
10 sections- Campaign introduction
- Interactive image studies
- One silhouette. Three city hours.
- Red is the sentence. Everything else is space.
- Let the fold do the talking.
- A campaign you can read without a caption.
- Balance volume with a quieter line.
- Three ways to change the temperature.
- Choose a background that gives something back.
- Leave room for the person inside the clothes.
- Tested runtime
- macOS arm64 · Node.js 24.19.0 · Chromium
- Pinned dependency
- Native HTML/CSS/JavaScript · locally bundled OFL fonts
- Checks completed
- Structured generation, invalid input, literal text escaping, new-brief execution, responsive rendering and image-filter/dialog interactions.
Codex tested with a new brief through explicit SKILL.md invocation; desktop and mobile Chromium checks passed. Other agents and Safari are unverified.
A static campaign, not a clothing store. Generic decorative slogans and interface text are edited in the source, not all in JSON. No hosting or backend. Exact image model ID was not exposed.
From a good brief to a better result.
Create an expressive fashion campaign website with oversized typography, a moving type rail, filterable image studies and eight editorial chapters. Adapt the structured brief, supplied concept image and editable theme source to your own authorized campaign. 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
- Brand, headline, introduction and eight structured editorial chapters
- Authorized campaign imagery and accurate image descriptions
What you’ll make
- Editable ten-section HTML/CSS/JavaScript website
- Kinetic type rail, image-study filters and image inspection dialog
- Complete Skill instructions, image prompt, generator, tests and local assets
The intended workflow
- Prepare the campaign brief and choose authorized imagery
- Generate editable static files in a new directory
- Review every section, image crop, keyboard interaction and mobile layout