gendoc-gen-prototype

Generates interactive HTML prototypes from engineering documents.

Updated Apr 22, 2026
One-click install
npx skills add https://github.com/ibalasite/gendoc --skill gendoc-gen-prototype
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gendoc-gen-prototype
Source: https://github.com/ibalasite/gendoc/tree/main/skills/gendoc-gen-prototype
Command: npx skills add https://github.com/ibalasite/gendoc --skill gendoc-gen-prototype

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

From engineering documents, automatically generate interactive HTML prototypes placed under docs/pages/prototype/, enabling clickable screens, navigation, and demos to accelerate validation and stakeholder sign-off.

Core Features & Use Cases

  • Supports two prototype modes: UI Prototype and API Explorer
  • Full-mode generation (full-auto) producing both front-end pages and API mock explorer
  • Includes a gen→review→fix loop and automatic README updates
  • Can be invoked standalone or triggered by gendoc-gen-html

Quick Start

Execute the gendoc-gen-prototype skill to generate the interactive prototype and inspect docs/pages/prototype for outputs.

Frequently Asked Questions about gendoc-gen-prototype

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate interactive HTML prototypes from engineering documents?

Generating interactive HTML prototypes from engineering documents involves automating clickable screens and navigation, placing outputs directly into the docs/pages/prototype/ directory to accelerate validation and stakeholder sign-off.

Can I automatically generate an API explorer alongside frontend UI prototypes?

Yes, you can generate an API explorer alongside frontend UI prototypes. Using a full-auto generation mode, the process produces both interactive front-end pages and an API mock explorer concurrently from your engineering documentation.

How do I set up templates and tokens for automated HTML prototype generation?

Automated HTML prototype generation requires a suite of templates and tokens defined within your engineering docs. These inputs drive a controlled generation-review-fix loop to ensure accurate interactive output.

Does the interactive prototype generation process update project README files?

Yes, the interactive prototype generation process updates README files. It includes automatic README updates as part of its workflow alongside the gen, review, and fix loop to maintain project documentation accuracy.

What is the best way to validate engineering documentation through clickable demos?

The best way to validate engineering documentation through clickable demos is to automate interactive HTML prototype generation. This creates navigable screens and mock explorers that accelerate stakeholder sign-off and design validation.