prototype-scan

Convert Axure HTML exports and design documents into structured page-spec JSON for Vue 3 + Naive UI.

1.0k|71|Updated Apr 1, 2025
One-click install
npx skills add https://github.com/ChenyCHENYU/Robot_Admin --skill prototype-scan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prototype-scan
Source: https://github.com/ChenyCHENYU/Robot_Admin/tree/main/.github/skills/prototype-scan
Command: npx skills add https://github.com/ChenyCHENYU/Robot_Admin --skill prototype-scan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill enables automated conversion of Axure HTML prototypes and detailed design documents into structured page-spec JSON files, streamlining the front-end development process.

Core Features & Use Cases

  • Prototype Analysis: Fully scans Axure HTML exports to extract page layouts, components, and interaction patterns automatically.
  • Design Document Parsing: Analyzes markdown, Word, or table-based design specs to derive page structures, fields, and interface elements.
  • Use Case: Developers can generate a complete Vue 3 + Naive UI page structure from existing Axure prototypes, reducing manual coding and ensuring consistency.

Quick Start

Use the prototype-scan skill to analyze all Axure HTML files in the directory and produce a comprehensive page-spec JSON for Vue development.

Frequently Asked Questions about prototype-scan

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

FAQPage Schema
How do I convert Axure HTML prototypes into Vue 3 page specifications?

To convert Axure HTML prototypes into Vue 3 page specifications, you can scan the exported HTML files to automatically extract layouts, components, and interaction patterns, generating a structured page-spec JSON for development.

Can I generate a Vue 3 and Naive UI page structure from detailed design documents?

Yes, you can generate a Vue 3 and Naive UI page structure from detailed design documents by parsing markdown, Word, or table-based specs to systematically derive page layouts, fields, and interface elements.

What is the best way to extract UI components and interaction patterns from Axure exports?

The best way to extract UI components and interaction patterns from Axure exports is to fully scan the HTML files, utilizing document analysis libraries to systematically identify page elements and produce a comprehensive page-spec JSON.

Does the prototype to page-spec conversion process require additional HTML parsing libraries?

Yes, the prototype to page-spec conversion requires HTML parsing and document analysis libraries to systematically extract page components and interaction patterns from the exported Axure files and design documents.

How do I automate front-end implementation from existing Axure prototypes?

You can automate front-end implementation from existing Axure prototypes by scanning the exported HTML to generate structured page-spec JSON files, streamlining development and reducing manual coding for Vue 3 interfaces.

Are there limitations when scanning table-based design specs to derive page structures?

When scanning table-based design specs to derive page structures, the effectiveness depends on the document's formatting consistency, requiring detailed design documents to accurately extract fields and interface elements for the JSON output.