v1.10.0 · 4 skills · 54 commands · 84 reference docs · 13 audit sub-agents
Build a website you are proud of, even if you have never written a line of code. NullToHero is an add-on for Claude. Install it once, then ask Claude in plain language to design your pages, get them ranking on Google, and check them for problems before you publish. Claude does the expert work, you stay in control.
By Marius Yvard · Apache 2.0
Claude already writes code. NullToHero gives it the taste and the checklists of a senior web team: a designer, an SEO specialist, a quality inspector, and a reviewer who looks at the whole site at once.
You do not learn commands by heart. You say what you want ("make this landing page look more premium", "why am I not on Google", "is this ready to ship"), and Claude picks the right tool. The sections below show what each tool produces so you know what to expect.
| I want to | Type this | What you get back |
|---|---|---|
| Start a brand-new site | /siteasy setup then /siteasy build |
A brand file, then a styled, responsive first page |
| Make a page look more professional | /siteasy amplify index.html |
Stronger type, color and spacing, same content |
| Be found on Google | /seo audit yoursite.com |
A scored report and a prioritized action plan |
| Add Google rich results | /seo schema yoursite.com |
Valid Schema.org JSON-LD, ready to paste |
| Show up in AI answers (ChatGPT, Perplexity) | /seo geo yoursite.com |
A visibility score with per-engine fixes |
| Catch problems before publishing | /inspect detect index.html |
A checklist of issues, each with its fix |
| See it the way a real browser does | /inspect preview index.html |
Desktop and mobile screenshots, bugs fixed in a loop |
| Check the whole site in one pass | /audit yoursite.com |
One site health score and one merged action plan |
NullToHero is a Claude Code plugin and a marketplace in one repository.
A. From the marketplace (recommended, auto-updates)
/plugin marketplace add MariusYvard/NullToHero
/plugin install null-to-hero@null-to-hero-marketplace
Later, pull new releases with /plugin marketplace update null-to-hero-marketplace.
B. Manual install (macOS, Linux)
git clone https://github.com/MariusYvard/NullToHero.git
bash NullToHero/install.shC. Manual install (Windows PowerShell)
git clone https://github.com/MariusYvard/NullToHero.git
powershell -ExecutionPolicy Bypass -File NullToHero/install.ps1A one-liner (bash <(curl -fsSL https://raw.githubusercontent.com/MariusYvard/NullToHero/main/install.sh)) also works, but it runs a remote script directly. Clone and read install.sh first if you want to inspect it.
The short forms /siteasy, /seo, /inspect and /audit work as long as no other plugin claims the same name. If you run several plugins, use the namespaced form /null-to-hero:siteasy.
Your design partner. It plans the look, builds the pages, fixes spacing and type, makes everything responsive, and adds tasteful motion. You describe the goal, it produces real, production-ready front-end.
| Command | What it does |
|---|---|
build [feature] |
Build a full UI feature end to end from a confirmed brief |
plan [feature] |
Plan UX and visual direction before any code |
research [scope] |
UX research planning, method choice, persona and journey synthesis |
ia [target] |
Information architecture, card sorting, tree testing, navigation |
journey [persona] |
Empathy maps, journey maps, service blueprints |
setup |
Create PRODUCT.md (brand, audience, tone, anti-references) |
critique [target] |
Design review with heuristic scoring |
audit [target] |
Quality checks (accessibility, performance, responsive, WCAG 2.2, images, forms) |
polish [target] |
Final quality pass before shipping |
amplify [target] |
Make bland designs bolder (type, color, presence) |
simplify [target] |
Reduce visual noise, strip to the essentials |
animate [target] |
Purposeful motion and micro-interactions |
typeset [target] |
Typography audit, font selection, hierarchy |
layout [target] |
Spacing systems, visual rhythm, grid |
adapt [target] |
Mobile, tablet, desktop and print adaptation |
mobile [target] |
Phone ergonomics: thumb zone, touch targets, keyboards, mobile audit |
clarify [target] |
UX copy, error messages, button labels, empty states |
onboard [target] |
First-run flows, empty states, feature discovery |
delight [target] |
Micro-interactions, personality, satisfying feedback |
launch [target] |
Production hardening and Core Web Vitals |
overdrive [target] |
View Transitions API, WebGL, scroll-driven animation |
parallax [target] |
Multi-layer depth, scrollytelling, WCAG 2.2.2 motion safety |
document |
Generate DESIGN.md from existing project code |
extract [target] |
Pull reusable tokens and components into a design system |
tokens [project] |
Audit or create a two-layer CSS token system |
live [target] |
Interactive in-browser variant mode (bundled helper and picker) |
Your search expert. It audits a whole site or a single page, writes the structured data Google wants, builds sitemaps, and checks how visible you are in AI answers.
| Command | What it does |
|---|---|
audit [url] |
Full site audit, crawls up to 500 pages, scores 7 dimensions, outputs ACTION-PLAN.md |
page [url] |
Deep single-page analysis (title, meta, headings, schema, images, content score) |
plan [business-type] |
Full strategy (architecture, content pillars, keyword plan, 4-phase roadmap) |
technical [url] |
Robots.txt, sitemaps, Core Web Vitals, mobile, security headers, AI crawlers |
schema [url] |
Detect, validate and generate Schema.org JSON-LD |
content [url] |
E-E-A-T, readability, keyword density, AI citation readiness |
geo [url] |
Weighted visibility score across Google AIO, ChatGPT, Perplexity, Bing Copilot (sub-modes geo quick, geo compare) |
sitemap [url|generate] |
XML sitemap validation and generation |
images [url] |
Image SEO (alt text, formats, lazy loading, CLS, LCP) |
local [url] |
Local SEO (Google Business Profile, NAP, citations, reviews, LocalBusiness schema) |
hreflang [url|generate] |
Hreflang validation and generation |
programmatic [url|plan] |
Programmatic SEO with quality gates |
competitor-pages [url|generate] |
Comparison and alternatives pages with feature matrices |
cluster [keyword] |
Semantic keyword clustering and content architecture |
sxo [url] |
Search Experience Optimization (intent alignment, satisfaction signals) |
drift [url] baseline|compare|history |
SEO drift monitoring over time |
backlinks [url] |
Backlink profile analysis |
ecommerce [url] |
E-commerce SEO (products, categories, faceted navigation) |
report [url|file|generate] |
Format audit output as a Markdown deliverable or PDF |
Common runs: new site (plan → build → technical → schema → sitemap → audit → report), existing site (audit → technical → content → geo → backlinks), a page that will not rank (page → content → schema → sxo), local business (local → schema → geo), before a redesign (drift baseline → redesign → drift compare).
Your quality gate. Three quick checks to run before you ship.
| Command | What it does |
|---|---|
detect [target] |
Deterministic problem scan (focus rings, touch targets, reduced-motion, WCAG 2.2, images, forms) |
preview [target] |
Real Chromium screenshot (desktop and mobile), reads it back, fixes bugs in a loop |
review [file] |
Design engineering code review (motion issues, accessibility, Before and After table with a score) |
/inspect detect index.html
/inspect preview index.html
/inspect review index.html
Runs every specialist at once across search, defects and design, then merges everything into one score and one action plan ordered by priority.
| Command | What it does |
|---|---|
full [url] |
All 13 sub-agents (SEO, defects, design), unified report and prioritized action plan |
seo [url] |
Search-visibility group only (5 SEO sub-agents) |
defects [url] |
Front-end defect group only (4 inspect sub-agents) |
design [url] |
Design-quality group only (4 siteasy sub-agents) |
quick [url] |
One representative sub-agent per group for a fast triage |
report [file] |
Format an existing audit into a client-ready report or PDF |
/siteasy research understand the users
/siteasy ia validate the structure
/siteasy setup define brand, audience, tone
/siteasy plan plan UX before coding
/seo plan build the SEO strategy in parallel
|
/siteasy build build the interface
/siteasy layout fix spacing and rhythm
/siteasy adapt make it responsive
|
/siteasy amplify make it beautiful
/siteasy animate add motion
|
/inspect detect catch problems
/inspect preview see it in a real browser
/inspect review final code-quality gate
|
/seo audit full SEO check
/seo schema add structured data
/seo geo AI-search visibility
|
/siteasy launch harden for production
In a hurry, /audit yoursite.com runs the whole check in a single pass.
NullToHero works best with two small files in your project root. Claude reads them so its output matches your brand.
PRODUCT.md, who your users are, your brand, tone and anti-references. Create it with/siteasy setup.DESIGN.md, your colors, typography and components. Generate it with/siteasy document.
NullToHero ships 84 reference docs that Claude loads only when it needs them, so a large project does not eat your context budget.
See the full knowledge base
siteasy, design (53): accessibility-engineering, adapt, animate, animation-engineering, audit, bolder, brand, clarify, cognitive-load, color-and-contrast, colorize, component-patterns, craft, creative-patterns, critique, css-architecture, dark-mode-engineering, delight, design-tokens, distill, document, extract, form-patterns, gestalt, harden, heuristics-scoring, image-strategy, information-architecture, inspiration, interaction-design, journey-mapping, layout, live, mobile-ergonomics, motion-design, onboard, optimize, overdrive, parallax, personas, polish, product, quieter, responsive-design, shape, spatial-design, teach, tokens, typeset, typography, ux-research, ux-writing, wcag-2-2
seo, search (20): action-plan, audit, backlinks, cluster, competitor-pages, content, drift, ecommerce, geo, hreflang, images, local, page, plan, programmatic, report, schema, sitemap, sxo, technical
seo, plan assets (6): agency, ecommerce, generic, local-service, publisher, saas
inspect, defects (3): detect, preview, review
audit, whole-site (2): full, report
A stack-aware design-system generator also lives under tools/design-system/, covering 16 technology stacks (React, Next.js, Vue, Svelte, Astro, Nuxt, Angular, Laravel, HTML and Tailwind, shadcn/ui, SwiftUI, React Native, Flutter, Jetpack Compose, Three.js, Nuxt UI).
- Node.js, for
/inspect preview,/inspect detectand the validator (tests/validate.js). - Playwright, installed on first
/inspect previewrun. - Python 3, for the design-system generator (
/siteasy setup) and the Python tests.
- Changes by version: CHANGELOG.md
- How to contribute: CONTRIBUTING.md
- Reporting a vulnerability: SECURITY.md
- Credits and third-party licenses: ATTRIBUTION.md, NOTICE
node tests/validate.js # run before opening a PRLicense: Apache 2.0. See LICENSE.