Free library · 48 entries

Copy-ready resources for building websites with AI.

Stacks, Claude Code skills, MCP setups, prompts and playbooks, each one used on a real project. Free, no account, and written for founders and marketers as much as for engineers.

Browse the stack

What one entry gives you

Page brief

Skill10 Aug

Turn a rough page idea into a brief you can hand to a builder, or to Claude: who it is for, what sections it needs, and what each one has to say.

1---
2name: page-brief
3description: Turn a rough page idea into a build-ready brief. Use when someone
4  asks for a new landing page, product page or pricing page and the goal,
5  audience or sections are still vague.
6---
7
8# Page brief
9
10Ask for the one thing you cannot infer: who the page is for. Infer the rest
11from the site you are in.
12
131. Read the site's existing pages for voice, section rhythm and component set.
142. Name the page's single job in one sentence. If it has two jobs, split it.
153. Draft the section list. For each: the reader's question, the answer, the
16   proof, the next action.

claude codeplanningcopyClaude Code skill, one file, no dependencies

Open the block to read it, or take it straight from the header. Every entry follows that shape: the plain explanation first, the file you paste second.

Where to start

Stack17The tools you build the site on: site builders, coding assistants, CMSs, hosting.Alternatives3What to use instead of the tool you are on, and when staying put is the better call.By role5The shortlist for your job: what to build on, what to automate, what to connect.Skills8Claude Code skills for web work. Paste one file, get a repeatable job done.MCPs12Connections that let an AI assistant reach your real tools: CMS, analytics, hosting.Playbooks1One concrete job start to finish: the stack, the prompts, the result.Team stacks1How real teams run their web: size, CMS, deployment, where AI does the work.Blog1Build notes and what changed this month in AI web building.

Latest

Newest first

KameleoonYou describe the experiment in a sentence and it builds it. The most AI-native option in this row, and a European company if that matters to you.04 SeptStack

KameleoonYou describe the experiment in a sentence and it builds it. The most AI-native option in this row, and a European company if that matters to you.

KameleoonIt builds the experiment, not just the report: create the test, set its goal and audience, start and stop it, and read which variation won with the confidence attached.04 SeptMCPs

KameleoonIt builds the experiment, not just the report: create the test, set its goal and audience, start and stop it, and read which variation won with the confidence attached.

QA passPut a page through the same checks every time: how it holds up at seven screen widths, what the markup says, whether anyone on a keyboard can get through it, and whether the words are right.03 SeptSkills

QA passPut a page through the same checks every time: how it holds up at seven screen widths, what the markup says, whether anyone on a keyboard can get through it, and whether the words are right.

FramerThe fastest way from a design to a live page. Best when the site is small, looks matter most, and one person owns it.03 SeptStack

FramerThe fastest way from a design to a live page. Best when the site is small, looks matter most, and one person owns it.

Claude CodeAnthropic's coding assistant. It reads the whole project, makes the change and runs the checks, from your terminal or inside your editor.03 SeptStack

Claude CodeAnthropic's coding assistant. It reads the whole project, makes the change and runs the checks, from your terminal or inside your editor.

03 SeptStackCodexOpenAI's coding assistant. The same job as Claude Code, reached from the terminal, your editor, or handed off to run in the cloud.03 SeptStackCodexOpenAI's coding assistant. The same job as Claude Code, reached from the terminal, your editor, or handed off to run in the cloud.

03 SeptStackCursorAn editor with the assistant built into it. You watch the change land next to the code instead of reading about it in a terminal.03 SeptStackCursorAn editor with the assistant built into it. You watch the change land next to the code instead of reading about it in a terminal.

Play the job

Or a round of Ship-It Sweeper

The Fluffify office: two desk islands, a glass meeting room, a kitchen corner and a lounge, with the team at their desks

Web Guy Simulator

Run the website at a startup. Colleagues bring asks, you decide what ships, and every call links back to the entry here that explains it.