skills.rest
kozyszoo
kozyszooCOMMUNITY
Explore all skills by this author →
GitHub

ui-variations

Generate five distinct UI design variations for a screen using specialized agents.

1|Updated Mar 3, 2026
Search Tags:#design system#ux design#ui design#design variations#style exploration#parallel generation
One-click install
npx skills add https://github.com/kozyszoo/antigravity-handson --skill ui-variations-kozyszoo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-variations
Source: https://github.com/kozyszoo/antigravity-handson/tree/main/.claude/skills/ui-variations
Command: npx skills add https://github.com/kozyszoo/antigravity-handson --skill ui-variations-kozyszoo

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill tackles the challenge of exploring multiple design directions efficiently, allowing users to compare distinct UI variations for a single screen without manual iteration.

Core Features & Use Cases

  • Parallel Design Generation: Creates five unique UI design variations simultaneously using a team of specialized agents.
  • Style Exploration: Automatically determines five distinct style directions based on user requirements and a preset library.
  • Use Case: When you need to quickly A/B test different visual styles for a new feature or want to present a range of design options to stakeholders, this Skill provides a comprehensive set of alternatives.

Quick Start

Use the ui-variations skill to generate five different design options for a login screen.

Frequently Asked Questions about ui-variations

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

FAQPage Schema
How do I generate multiple UI design variations for a single screen?▼

You can generate multiple UI design variations by using this Skill to automatically determine five distinct style directions from a preset library and render them simultaneously on the canvas.

What is parallel design generation and how does it work for style exploration?▼

Parallel design generation builds multiple UI options simultaneously by deploying a team of specialized agents, including designers, reviewers, and copywriters, to construct and compare diverse visual styles without manual iteration.

Can I use Pencil for direct canvas manipulation when creating design variations?▼

Yes, this Skill leverages Pencil for direct canvas manipulation to build and compare visual styles in parallel, generating five distinct design alternatives based on your requirements.

Do I need to manually define each style direction when generating design alternatives?▼

No, the system automatically determines five distinct style directions based on your user-defined requirements and a preset library, building visual styles in parallel without manual iteration.

When should I use automated UI variation generation instead of manual iteration?▼

Use automated UI variation generation when you need to quickly A/B test different visual styles for a new feature or present a diverse set of design options to stakeholders without manual iteration.

Related Skills

Explore More Design & Creative Skills→
plugins-worldplugins-world
22

pw-cover-image

Generate custom cover images with style presets and title generation.

Official
Intermediate
VertaKhanVertaKhan

design-shotgun

Generate multiple AI design variants and open a live comparison board.

Community
Advanced
julilaoshijulilaoshi
117

julilaoshi-design

Edit .pen files with Pencil MCP or tweak HTML in a browser editor.

Community
Intermediate
gabelulgabelul
38

stitch-mcp-generate-variants

Generate alternative design variants of existing Stitch UI screens.

Community
Intermediate