Claude Prototype banner
kurenn kurenn

Claude Prototype

Development community

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.

[![skill-checks](https://github.com/kurenn/claude-prototype/actions/workflows/skill-checks.yml/badge.svg)](https://github.com/kurenn/claude-prototype/actions/workflows/skill-checks.yml) [![License: MIT](https://img.shields.io/badge/license-MIT-blue.svg)](LICENSE) ![Claude Code skill](https://img.shields.io/badge/Claude%20Code-skill-d97757) ![Build step](https://img.shields.io/badge/build%20step-none-success)


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

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&