axure-prototype-svg

Generate Axure-ready SVG prototypes from requirements and design documents.

1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/aicezam/PM-VibeDesign-Workflow --skill axure-prototype-svg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: axure-prototype-svg
Source: https://github.com/aicezam/PM-VibeDesign-Workflow/tree/main/axure-prototype-svg
Command: npx skills add https://github.com/aicezam/PM-VibeDesign-Workflow --skill axure-prototype-svg

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates turning requirements and design briefs into Axure-ready SVG prototypes that can be imported into Axure RP and converted to shapes, reducing manual redraw time and misinterpretations.

Core Features & Use Cases

  • Generates Axure-compatible high-fidelity SVGs directly from requirements, ensuring text, coordinates, and layout map back to the initial brief.
  • Maps pages, components, and interaction states from documents to provide ready-to-iterate prototypes for reviews with stakeholders.
  • Supports visual style templates to align with enterprise design systems and enables quick cross-device prototype delivery.

Quick Start

Describe the pages and interactions you want, and I will generate Axure-ready SVG prototypes.

Frequently Asked Questions about axure-prototype-svg

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

FAQPage Schema
How do I generate Axure-ready SVG prototypes from requirements?

Generating Axure-ready SVG prototypes from requirements involves inputting design briefs or user stories to automatically produce high-fidelity SVG files that map directly to Axure RP components. This ensures text, coordinates, and layout align with the initial brief without manual redrawing.

Can I import SVG files into Axure RP and convert them to shapes?

Yes, you can import SVG files into Axure RP and convert them to editable shapes. The generated SVG prototypes fulfill Axure compatibility hard rules, ensuring seamless conversion of text, coordinates, and layout into native Axure components.

What is the best way to automate UI mockup creation from design briefs?

Automating UI mockup creation from design briefs is best achieved by using a tool that translates textual requirements into Axure-compatible SVG prototypes. This approach reduces manual redraw time and prevents misinterpretations by mapping pages and components directly from the document.

Does this SVG prototype generation approach support enterprise design systems?

Yes, this SVG prototype generation approach supports enterprise design systems by providing optional visual style templates. These templates enable quick cross-device prototype delivery and ensure that the generated UI mockups align with established enterprise design standards.

How do I map interaction states from user stories to Axure prototypes?

Mapping interaction states from user stories to Axure prototypes is handled by translating document specifications into an interactive rules panel within the SVG output. This process provides ready-to-iterate prototypes that accurately reflect the required pages, components, and interaction states for stakeholder reviews.