website-one-shot

Website One-Shot

A Claude Code plugin (skill) that generates complete, production-ready demo websites for businesses in a single session.

Give it a business URL or name, and it handles everything: research, content writing, design system creation, Next.js app assembly, and Vercel deployment.

What it does

1. Discovers the business — scrapes their existing site or researches from scratch
2. Generates content, design tokens, and app structure via parallel AI agents
3. Assembles a complete Next.js 15 app (TypeScript, Tailwind CSS v4, ShadCN/UI)
4. Deploys to Vercel with a shareable link

Plugin type

This is a Claude Code skill plugin. It runs inside Claude Code (Anthropic's CLI for Claude).

Install

claude plugin install website-one-shot

Or from a local clone:

claude plugin marketplace add keegan-local /path/to/website-one-shot
claude plugin install website-one-shot@keegan-local

Use

In any Claude Code session:

/website-one-shot

Then provide a business URL or describe the business you want a site for.

Tech stack (output sites)

• Next.js 15 (App Router)
• TypeScript
• Tailwind CSS v4
• ShadCN/UI
• Google Fonts
• Framer Motion / GSAP (wow effects)
• Vercel (deployment)

How it works

The skill orchestrates 5 specialized agents in sequence:

Agent	Output	Purpose
Content	CONTENT.md	Page copy, headlines, CTAs, testimonials
Design	DESIGN.md	Color system, typography, component styles, animations
Structure	STRUCTURE.md	File tree, component specs, TypeScript props
Merger	./[site]/	Assembled Next.js project
Proofread	fixes in place	Build verification, QA, accessibility

License

MIT