Proof

Proof is an open-source product design skill for Claude Code and Codex that generates product website pages.

Proof is a free, open-source product design skill built for Claude Code and Codex that designs product website pages. It uses best practices studied from over 400 real product pages on Mobbin to decide content, section order, layout, and style. The tool supports eight page types, four distinct styles, and both light and dark themes. Users can provide a simple one-sentence brief or specify detailed controls like brand colors, fonts, and section orders. It is designed for developers and creators who want their website pages to look shipped rather than automatically generated.

Proof at a glance

Best for: Software engineer, Designer
Runs on: Web, CLI
Pricing: Free and open source
Released: October 2026
Category: AI coding tool
Website: proofdesign.dev

Key features

Designs website pages from a one-sentence brief
Supports eight page types and four styles
Includes light and dark themes
Works with Claude Code and Codex
Generates individual sections on demand
Applies patterns from shipped product pages

Use it for

Design landing pages for developer tools
Create pricing pages with feature tiers
Generate about pages and team sections
Build contact forms and download pages

Companions

Tools that articles about Proof recommend using with it, each with its job.

Claude Code — Built to work with Claude Code.
Codex — Built to work with Codex.
Context7 — Provides up-to-date documentation for AI agents and code editors.
Superpowers — Brainstorm, plan and execute skills for bigger tasks.
Playwright MCP — Enables LLMs to interact with web pages using structured accessibility snapshots.
GitHub MCP Server — Reads pull requests, issues and code search on GitHub.

Alternatives to Proof

Diagram Design — Generates editorial-quality visual types matched to brand colors and typography in seconds.
Dashboard Design Skill — Distilled from 127 shipped dashboards and built-in screenshot QA passes.
Interface Design — Stops Claude from forgetting design choices between conversations.
AI Design Skills — Provides ready-to-use markdown design rules for AI coding assistants.
Claude Skills — Routes tasks to cheaper models and proves fixes with exit codes.
Brand Identity Skill — Builds measured, cohesive brand sets instead of generic AI outputs.
Codebase Guide — It generates accurate documentation with diagrams directly from the source code.
Build faster with expert skills — Connects expert methods to Claude Code and Codex through MCP.
Hallmark — Generates distinct web designs and avoids common AI visual clichés.
Claude Skills for Full-Stack — Provides 67 specialized skills and 9 workflow commands for full-stack developers.
Agent Skills — Encodes senior-engineer workflows and quality gates into 24 skills.
StyleSeed — Enforces repeatable design quality with automated code and render checks.

All Proof alternatives