skills.rest
ArchaonHW
ArchaonHWCOMMUNITY
Explore all skills by this author →
GitHub

wds-6-asset-generation

Generate wireframes, page designs, icons, images, videos, and text content from UX specifications.

Updated Mar 14, 2026
Search Tags:#content strategy#design system#image generation#figma#ui design#wireframes#asset generation
One-click install
npx skills add https://github.com/ArchaonHW/MingGoRTS --skill wds-6-asset-generation-archaonhw
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wds-6-asset-generation
Source: https://github.com/ArchaonHW/MingGoRTS/tree/main/.agents/skills/wds-6-asset-generation
Command: npx skills add https://github.com/ArchaonHW/MingGoRTS --skill wds-6-asset-generation-archaonhw

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Turning approved UX specifications into production-ready visual and text assets requires repetitive prompt crafting, style consistency management, and coordination across many asset types, which this Skill systematizes into a menu-driven workflow. ## Core Features & Use Cases - Menu-Driven Asset Generation: Eight activity workflows covering wireframes, page designs, UI elements, icons, images, videos, strategic content, and Figma export, all routed from a single activity menu. - Style Libraries and Batch Mode: Predefined design styles and content styles ensure visual consistency, with batch generation that reuses earlier results as reference images for set coherence. - Strategic Content Framework: A five-model content creation process (Trigger Map, Customer Awareness, Action Mapping, Badass Users, Golden Circle) produces purpose-driven copy with full traceability. - Use Case: Given approved page specs for a marketing site, generate all 17 hero images in one consistent style, then export the component specs to Figma via the html.to.design MCP server for designer review. ## Quick Start Ask the agent to start Phase 6 asset generation and choose an activity from the menu, such as generating wireframes from the approved page specifications.

Frequently Asked Questions about wds-6-asset-generation

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

FAQPage Schema
How do I generate wireframes from UX specifications?▼

Select the Wireframes activity from the Phase 6 activity menu. The workflow loads page specs and the design system, inventories pages needing wireframes, lets you pick a design style, then crafts prompts and generates wireframes for review.

How do I keep AI-generated images consistent across a batch?▼

Use batch mode: inventory all assets of one type, apply a single design style and content style from the style libraries, and attach earlier generated results as reference images for subsequent generations. Review the full set and flag outliers for regeneration.

Can I export code prototypes to Figma for design review?▼

Yes, the Figma integration workflow uses the html.to.design MCP server to convert specification-driven HTML into Figma layers. It verifies the MCP connection, prepares OBJECT IDs for layer naming, validates the HTML, and executes the export.

What is the five-model framework for content generation?▼

It combines Content Purpose, Trigger Map, Customer Awareness Cycle, Action Mapping, Badass Users, and the Golden Circle to produce strategically grounded copy. Each piece of content gets a defined purpose, awareness-appropriate language, and a WHY-HOW-WHAT structure.

What happens if no MCP generation service is available?▼

The workflow includes a prompt export fallback. The agent crafts the full prompt with style parameters, dimensions, and reference notes, formatted for copy-paste into external generation tools.

When should I use Google Stitch instead of direct image generation?▼

Use Stitch when you have a detailed specification, a visual reference, and a layout sketch for a new screen and want rapid UI variants exportable to Figma or HTML/CSS. Skip it for design system components or minor updates to existing designs.

Related Skills

Explore More Design & Creative Skills→
SharadKumarSharadKumar

design

Design UX and UI systems through personas, journeys, flows, and prototypes.

Community
Advanced
phoenicisfphoenicisf

figma-generate-design

Build or update full-page Figma screens using published design system components and tokens.

Community
Advanced
Javeria-JavaidJaveria-Javaid

rayden-use

Builds and audits Rayden UI components and screens in Figma via Figma MCP with design token enforcement.

Community
Advanced
kvm9-devkvm9-dev

recreate-screenshot

Convert screenshots into pixel-perfect UI implementations by analyzing layout, colors, and typography.

Community
Advanced