Claude Prototype
Description
A Claude Code skill to prototype web apps end-to-end with zero build step
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
claude-prototype
**Clickable HTML prototypes for sales demos, stakeholder reviews, and design exploration — straight from a Claude Code prompt.**
Zero build step. A live pin-to-element feedback loop. Real design assessment baked in.
[](https://github.com/kurenn/claude-prototype/actions/workflows/skill-checks.yml) [](LICENSE)  
You: /prototype
Claude: Quick or Discovery? → a few questions → builds a folder
You: cd acme-demo && python3 serve.py
# a real, clickable, themeable, shareable prototype at localhost:8000
Output is plain **HTML + Tailwind (CDN) + a handful of vanilla JS files**. No webpack, no Node, no framework. It runs anywhere a browser opens, and deploys to any static host as-is.
Contents- Why it's different
- Quickstart
- The signature: an always-visible control bar
- How it works
- Usage
- Anatomy of a generated prototype
- The quality system
- Companion skills
- Repo layout
- Principles the skill enforces
Why it's different
Most AI-generated prototypes look like every other one: purple gradients, gradient text, nested cards, lorem ipsum, dead buttons, no lifecycle states. This skill is built to do the opposite — and it *checks itself* before handing the work back.
| Generic AI output | What this skill ships |
|---|---|
| "Modern SaaS" with no questions asked | A short **discovery Q& |
Related Skills
Auto Update
Pull the latest ECC repo changes and reinstall the current managed targets.
Development Ecc Guide
Navigate ECC's current agents, skills, commands, hooks, install profiles, and docs from the live repository su
Development Epic Claim
Claim an epic issue, stamp coordination state, and sync local ownership.
Development Epic Publish
Publish a validated epic update back to the issue and local cache.
Development Epic Review
Mark epic review requested, approved, or changes requested.
Development Epic Unblock
Sweep blocked epic issues and reopen anything whose dependencies are closed.
Development Related Agents
Django Build Resolver
Django/Python build, migration, and dependency error resolution specialist. Fixes pip/Poetry errors, migration
Openai Codex CLI
(55.8k ⭐) - Lightweight coding agent that runs in your terminal.
src/agents/ — 11 Agent Definitions
**Generated:** 2026-04-11