Skills
.Work. You
Rest

design-prototypes

Community

Interactive web prototypes for side-by-side comparison.

Design & Creative#design#prototyping#interactive#responsive#wireframes#hash-routing
Authoraminianp
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps designers and product teams quickly build, share, and compare interactive HTML prototypes, streamlining the design iteration process.

Core Features & Use Cases

  • Builds interactive hash-routed prototypes in a single HTML file consolidating multiple pages.
  • Supports multiple variants with descriptive naming conventions for side-by-side testing.
  • Use case: Generate different themed prototypes to compare fonts, layouts, or flow, and share them via simple HTML files.

Quick Start

Command the AI to assemble an interactive prototype file with specified layout and navigation, using existing wireframes and themes.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: design-prototypes
Download link: https://github.com/aminianp/skills/archive/main.zip#design-prototypes

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.