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

Crlf — Test for CRLF / HTTP response-splitting and host-header injection — Set-Cookie injection, cache poisoning, res 4.5k ★
Spec Draft PR — Turn a feature idea or GitHub issue into a one-page spec saved to Documentation/specs/ and opened as a draft P 324 ★
Design Compare — Capture two websites with Playwright and produce a structured side-by-side design comparison — layout, color 309 ★