Free library · 68 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 - audience, the
4  problem they arrive with, sections, copy candidates and the components that
5  do not exist yet. Use when someone asks for a new landing, product or pricing
6  page and the goal, audience or sections are still vague.
7argument-hint: [the page idea, in a sentence]
8---
9
10# Page brief
11
12A brief is what stops a page being designed twice. This turns a rough idea into
13something a builder, or Claude, can act on without coming back.
14
15## 1. Find what the project already knows
16

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

Stack20The 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.Skills9Claude Code skills for web work. Paste one file, get a repeatable job done.MCPs14Connections that let an AI assistant reach your real tools: CMS, analytics, hosting.Playbooks2One 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.Blog6Build notes and what changed this month in AI web building.Links8Posts, news and videos on building websites with AI, each with one line on why.

Latest

Newest first

SelgeA small survey that appears on your own page and asks visitors one question, such as why they are leaving the pricing page. You pick one of 12 ready-made surveys, paste one script tag, and read the answers as they come in.26 SeptStack

SelgeA small survey that appears on your own page and asks visitors one question, such as why they are leaving the pricing page. You pick one of 12 ready-made surveys, paste one script tag, and read the answers as they come in.

SelgeAsk what visitors said this week in a sentence, or tell your assistant to put a one-question survey on the pricing page: it creates the survey, sets where and when it shows, publishes it and reads the answers back.26 SeptMCPs

SelgeAsk what visitors said this week in a sentence, or tell your assistant to put a one-question survey on the pricing page: it creates the survey, sets where and when it shows, publishes it and reads the answers back.

Peec AIShows whether ChatGPT, Perplexity, Gemini and Google's AI answers mention your brand when someone asks about your kind of product, which competitors they name instead, and which pages they got it from.25 SeptStack

Peec AIShows whether ChatGPT, Perplexity, Gemini and Google's AI answers mention your brand when someone asks about your kind of product, which competitors they name instead, and which pages they got it from.

Peec AIAsk your AI visibility in a sentence: which competitors ChatGPT names more often than you, which sources it cites, what moved last week. It can also add prompts, rename topics and update the brands you track.25 SeptMCPs

Peec AIAsk your AI visibility in a sentence: which competitors ChatGPT names more often than you, which sources it cites, what moved last week. It can also add prompts, rename topics and update the brands you track.

25 SeptBlogSix things that make a website readable by AI assistantsWhat ChatGPT, Claude and Perplexity actually fetch from a page, and the six things that decide whether they can use it: the crawler rules, HTML that carries the content, headings that answer, a summary and takeaways, a real FAQ, and structured data with an author behind it.25 SeptBlogSix things that make a website readable by AI assistantsWhat ChatGPT, Claude and Perplexity actually fetch from a page, and the six things that decide whether they can use it: the crawler rules, HTML that carries the content, headings that answer, a summary and takeaways, a real FAQ, and structured data with an author behind it.

25 SeptBlogDo you still need a CMS when the assistant edits files?It depends on who edits and how often. Alone, I run four sites on files in a repository and the assistant is the editor. With a team, a CMS earns its place: not every typo should have to go through an AI tool.25 SeptBlogDo you still need a CMS when the assistant edits files?It depends on who edits and how often. Alone, I run four sites on files in a repository and the assistant is the editor. With a team, a CMS earns its place: not every typo should have to go through an AI tool.

25 SeptBlogHow to move a website off Webflow to Claude Code, GitHub and VercelI moved four of my own sites off Webflow this spring, the biggest at about 200 pages in five evenings. The steps, what the assistant did on its own, what it skipped, and who should stay where they are.25 SeptBlogHow to move a website off Webflow to Claude Code, GitHub and VercelI moved four of my own sites off Webflow this spring, the biggest at about 200 pages in five evenings. The steps, what the assistant did on its own, what it skipped, and who should stay where they are.

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.