skills.rest
fiatkongen
fiatkongenCOMMUNITY
Explore all skills by this author →
GitHub

web-design-wizard

Generate multiple web design styles from user goals and audience.

Updated Jan 15, 2026
Search Tags:#design#graphics#design system#web design#ux#style generation
One-click install
npx skills add https://github.com/fiatkongen/saurun-marketplace --skill web-design-wizard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-design-wizard
Source: https://github.com/fiatkongen/saurun-marketplace/tree/main/plugins/saurun/skills/web-design-wizard
Command: npx skills add https://github.com/fiatkongen/saurun-marketplace --skill web-design-wizard

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill quickly generates multiple distinct web design styles for a single page so you can compare options without starting from scratch.

Core Features & Use Cases

  • Style exploration: Produce several design directions (layout, color, typography) for a given page type and audience.
  • Refinement workflow: Allow user feedback to refine options and converge on a preferred style.
  • Parallel implementation planning: Prepare worktrees and design-system references to enable rapid implementation when a style is chosen.

Quick Start

To begin, describe your page goal and preferred mood to generate initial style options.

Frequently Asked Questions about web-design-wizard

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

FAQPage Schema
How do I generate multiple web design styles for a single page?▼

To generate web design styles, describe your page goal and preferred mood to produce multiple distinct design directions including layout, color, and typography for comparison.

What is the best way to compare design options without starting from scratch?▼

Comparing design options is done by generating several distinct style directions for a single page, allowing you to evaluate different layouts and typographies before committing to implementation.

Can I refine generated web design styles based on user feedback?▼

Yes, you can refine generated web design styles by providing user feedback to iteratively adjust the options and converge on a preferred visual direction for your project.

How does parallel worktree setup work for web design implementation?▼

Parallel worktrees prepare isolated development branches for each generated style, enabling rapid implementation and design-system scaffolding once a specific visual direction is chosen.

Does this web design workflow include design-system generation and asset planning?▼

Yes, the web design workflow includes design-system generation and asset planning, producing ready-to-implement design options alongside scaffolding prompts for production-ready results.

Related Skills

Explore More Design & Creative Skills→
Owl-ListenerOwl-Listener
2.0k

design-brief

Define and document a design brief with problem space, audience, constraints, and success criteria.

Community
Intermediate
leon30083leon30083
2

ui-designer

Extract design tokens from UI images and generate implementation-ready prompts.

Community
Advanced
Adelie-SquadAdelie-Squad
17

ui-designer

Create and apply design tokens for color, typography, and spacing.

Official
Intermediate
silva2kandsilva2kand

frontend-design

Create and style production-grade frontends with bold visual aesthetics.

Community
Intermediate