ui-kit-prototype
CommunityTurn a UI kit into an interactive prototype.
Design & Creative#navigation#prototype#ui-kit#design-iteration#data-nav-target#stakeholder-presentation
Authorkftof
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Transform a static HTML UI kit into an autonomous, interactive prototype that presents one screen at a time and supports clickable navigation.
Core Features & Use Cases
- Generate a standalone Prototype.html at the kit root that visualizes flows with a left sidebar, breadcrumb, and prev/next controls.
- Navigate between screens using data-nav-target attributes, with optional entry screen and configurable display modes.
- Validate product flows, speed up stakeholder reviews, and enable rapid design iterations without coding.
Quick Start
Invoke the ui-kit-prototype skill on a kit root to generate Prototype.html and then open it in a browser to explore the interactive prototype.
Dependency Matrix
Required Modules
None requiredComponents
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: ui-kit-prototype Download link: https://github.com/kftof/ui-kit/archive/main.zip#ui-kit-prototype Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.