skills.rest
GenEducation
GenEducationOFFICIAL
Explore all skills by this author →
GitHub

wds-6-asset-generation

Generate wireframes, UI elements, icons, images, videos, and content from UX specifications.

Updated Mar 30, 2026
Search Tags:#content#figma#images#icons#wireframes#motion#asset generation
One-click install
npx skills add https://github.com/GenEducation/GenedUIProject --skill wds-6-asset-generation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: wds-6-asset-generation
Source: https://github.com/GenEducation/GenedUIProject/tree/main/.gemini/skills/wds-6-asset-generation
Command: npx skills add https://github.com/GenEducation/GenedUIProject --skill wds-6-asset-generation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns UX specifications into production-ready creative assets, eliminating the manual overhead of making wireframes, page designs, UI elements, icons, images, videos, and strategic content by hand.

Core Features & Use Cases

  • Menu-driven asset generation: Choose exactly what to create, from wireframes and full page compositions to icons, images, motion, and content.
  • Specification-first workflows: Load project context, design system guidance, and reference assets before generating anything, so outputs stay consistent and usable.
  • Figma and review support: Prepare exports, validate outputs, and verify visual results for design review or implementation handoff.
  • Use Case: A designer needs a landing page hero, supporting illustrations, and matching copy; this Skill can inventory the needed assets, align them to style rules, generate them in batches, and verify the results.

Quick Start

Use the wds-6-asset-generation skill to generate the required assets from the project specifications and tell it which asset type you want first.

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 production-ready wireframes and UI assets from UX specifications?▼

You can generate wireframes, UI elements, and page designs by loading structured UX specifications into a menu-driven workflow that aligns outputs with your design system before batch generation.

Can I batch generate icons, images, and motion content for Figma export?▼

Yes, you can batch generate icons, images, and motion content through menu-driven selection, applying style rules and reference chaining to prepare outputs directly for Figma export.

What is the best way to ensure generated page designs match my existing design system?▼

To ensure generated page designs match your design system, load project context and design system guidance before generation, enabling style selection and validation checks for reliable delivery.

Does this asset generation workflow support reference chaining for style consistency?▼

Yes, reference chaining is supported within the asset generation workflow, allowing you to load reference assets and apply them sequentially to maintain visual style consistency across batches.

How do I prepare Figma exports and verify visual results for design handoff?▼

You prepare Figma exports and verify visual results by running built-in validation checks and export verification steps, ensuring generated assets meet requirements for implementation handoff.

What do I need to load before generating strategic content and UI elements?▼

Before generating strategic content and UI elements, you need to load structured project context, design system alignment rules, and reference assets to ensure reliable and usable outputs.

Related Skills

Explore More Design & Creative Skills→
MihaiOnSoftwareMihaiOnSoftware
1

load-rules

Load user rules from ~/.ai/rules/ in defined order.

Community
Basic
Pythagora-ioPythagora-io
9

figma

Extract structure, components, styles, and assets from Figma files via the REST API.

Official
Intermediate
AradotsoAradotso
3

figma-mcp-bridge

Stream live Figma document data to AI tools via MCP.

Official
Intermediate
rodhrodh

prototype

Convert wireframe designs into executable prompts for prototyping tools.

Community
Intermediate