spec-page

A Claude Code plugin that takes any idea, brief, or URL and produces a deployed HTML spec page in one command.

What This Is

spec-page runs a seven-agent pipeline from concept to live page. You describe what you're building (or paste a URL). The system interviews you, designs the page, writes the HTML, reviews it for quality, optimizes it for search and AI discovery, and deploys it. The Point CSS framework handles the visual design, so every page you build shares the same consistent look.

Origin

Robert Evans built spec-page to stop hand-crafting one-off spec pages for product ideas. Every concept published at robertrevans.com now runs through this pipeline.

Installation

1. Copy the plugin into your Claude Code project:

   cp -r spec-page/ .claude/plugins/spec-page/

2. Create a credential file at ~/.dna/robertrevans/env:

   HOST=your-site.com
   USERNAME=your-sftp-username
   PASSWORD=your-sftp-password
   WEB_ROOT=public_html
   

3. Install the Ruby SFTP dependency:

   gem install net-sftp

How to Use

Run /spec-page inside Claude Code. Three input modes work:

Nothing: The discovery agent interviews you about your concept.

/spec-page

Inline description: Pass your description directly.

/spec-page AutoFry Pro is a closed-loop commercial fryer system

URL: The system fetches and reads the page for you.

/spec-page https://github.com/revans/active_ai

The pipeline runs and produces a live URL at the end.

Documentation

Doc	About
Pipeline	The seven agents, what each one does, and the artifacts they pass between each other.
Deploy	SFTP credential setup and the commands available in the deploy script.