lhitches

Page Design — Testing skill for Claude Code

Testing community

Produce a nine-layer content design spec for one web page before anyone writes it.

How to install Page Design

Installs to ~/.claude/skills/lhitches-seo-page-design-page-design/SKILL.md

Terminal

mkdir -p ~/.claude/skills/lhitches-seo-page-design-page-design && curl -fsSL https://raw.githubusercontent.com/lhitches/seo-page-design/HEAD/commands/page-design.md -o ~/.claude/skills/lhitches-seo-page-design-page-design/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Page Design does

description: Produce a nine-layer content design spec for one web page before anyone writes it. Usage - /page-design [page type] [topic or primary query]

Run the page-design skill in this plugin on the page described in the arguments: $ARGUMENTS

If the page type, topic or primary query is missing, ask for them in one batched question before starting. If a draft or brief was pasted, design around it. Follow the skill's nine layers in order and output the spec in the skill's format. Do no

Alternatives in Testing

Design Compare — Capture two websites with Playwright and produce a structured side-by-side design comparison — layout, color 309 ★
GAAI Framework — 95+ Drop-in governance layer (.gaai/ folder) -- backlog authorization, cross-session memory, decision tracking 113 ★
Toh Framework — Type one sentence, approve once, walk away — Toh Framework installs an AI build department (14 commands, 8 age 94 ★