prototype-design

Community

Turn requirements into ready-to-build prototypes.

AuthorBeWaterMyFriend7
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Converts written requirements into actionable, testable prototypes by generating an interactive HTML design artifact that can be reviewed and iterated with stakeholders.

Core Features & Use Cases

  • Ingests a requirements document (output/requirements-analysis-review.md or user-provided) and decomposes it into core design elements.
  • Produces an interactive HTML prototype in the output/design-output folder, including basic UI flows and structure.
  • Validates against reference/design-rule.md to ensure a calm, accessible, web-friendly design.

Quick Start

Ingest the current requirements and generate a runnable interactive HTML prototype in output/design-output.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: prototype-design
Download link: https://github.com/BeWaterMyFriend7/SKILL-PROJECT/archive/main.zip#prototype-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.