Build an editorial magazine website with a Skill

Scattered story cards on a white editorial page, long reads with drop caps and pull quotes, topic archives, a shop and subscriptions. Your agent fills in your publication and builds one file.

See the Skill in action How it works

Works in

and 30+ other agents

Scattered-Cards MagazineFree

Playful UI/UX Portfolio

Preview the magazine website template

Scattered-Cards Magazine is free. Open the live demo to read a story, browse a topic and try the bag and checkout.

Free

Scattered-Cards Magazine

Build an independent magazine website on a white editorial ground: a hero fan of five rotated paper story cards, a heavy serif headline, a ruled and numbered topic index, generous photographic story grids and long-form article pages with drop caps, pull quotes and a facts aside. Topic archives, a shop for issues and prints with a bag and checkout, subscriptions with gift options, about, contact, FAQ, delivery and legal pages all connect. It arrives as one self-contained file that opens in any browser and works offline.

You bring

Publication or brand name, audience and a short statement
Topics and a few stories with titles, places and summaries
Products, prices, subscription terms and delivery details (optional; missing facts become listed placeholders)

You get

A full magazine site: home, stories, long-form articles, topics with archives, shop and product pages, bag, checkout, subscribe, about, contact, FAQ, newsletter, delivery and legal
The editorial look: five scattered story cards in the hero, a ruled topic index with hover thumbnails, asymmetric photo grids, a full-bleed feature and a serif reading column
Working parts: search overlay, story filters with grid or index view, saved stories, print options with a framed preview, a bag drawer, checkout validation and gift subscriptions

Runs on

Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · An image tool in your agent for the story, product and portrait photos (optional if you supply your own photos) · Story, product and portrait photos are generated with your agent's own image tool, which may incur that tool's usage charges. You can supply your own photos instead. Nothing else uses a paid service.

Open the Skill

Quick answer

Explore stories, topics and subscription pages

An independent magazine sells a few long reads per issue, not a constant feed. The site is built around that: a featured story fan, a ruled topic index, long-form article pages, and a shop for issues, prints and subscriptions.

Your magazine site — Where each new issue, story and subscription lives, on desktop and phone.

Reading: Story grids, long-form articles, topic archives
Shop: Issues and prints, product pages, bag and checkout
Subscriptions: Plans with gift options and a newsletter sign-up
Working parts: Search, story filters, saved stories, print preview
You provide: Publication name, topics, stories, optional products
Payments and email: Validate and confirm on the page; nothing is charged or sent

Personalize and publish the editorial site

Missing facts become a listed placeholder, so nothing is quietly invented.

1
Install the Skill
Paste the install prompt into your agent.
2
Add your stories
Share the publication, topics and a few stories with titles and summaries.
3
Publish the file
Check the placeholders list, then upload the HTML to any static host.

Why not just ask your AI for a magazine website?

Asking directly gets you a result. A Skill adds the parts that make it reliable and repeatable.

Example: Scattered-Cards Magazine

Asking your AIWith this Skill

ScopeAsking your AI: A blog index and one postStories, topics, shop, subscriptions, about and legal

ReadingAsking your AI: Plain text columnsDrop caps, pull quotes, facts asides and photo grids

CommerceAsking your AI: NoneIssues, prints, a bag drawer and gift subscriptions

HonestyAsking your AI: Made-up facts fill the gapsMissing facts listed as placeholders

Magazine website template FAQ

What this Skill does not do

It is not built for news sites or high-volume blogs.
It does not charge cards or send email until you connect services.
It does not come in a loud colour or dark theme.

Is the magazine website template free?

Yes. Scattered-Cards Magazine is free to install. Photos can come from your own files or your agent’s image tool, which may have its own charges.

Can I use it as a blog?

It suits a publication with a few long reads per issue. For a blog that posts daily, a feed-first site will work better.

Does it work as a newsletter website template?

Yes. It includes a newsletter sign-up and subscription pages; connect your email provider to send.

Can I sell issues and prints?

The shop, bag and checkout are built and validate on the page. Connect your own payment provider to take real orders.