One brief,
three directions that run.

Explore three considered directions from one idea. Compare and refine with your agent, then bring the design into your real project.

Start in my project Explore the real directions

forma / growth-overviewLIVE PREVIEW

Direction A / Desktop artboardOpen full page ↗

TRADEOFF / Find anomalies first; channel detail takes another step. Best for daily checks.

DESIGN STUDY: FORMA GROWTH DASHBOARD · SAMPLE DATAViewing does not select a winner

After you choose,
edit one part, or undo.

Each edit saves a snapshot first and touches only the region you name; undo returns the previous version.

Workspace / Growth overviewOct 01 — Oct 07, 2026

YOUR WEEK, IN FOCUS

Put growth in perspective.

Three channels. One growth goal.

Weekly report

Revenue$42,340 ↗ 4.0%vs. previous week

Sessions55,660 ↗ 9.2%across 3 channels

Needs attention01 Paid socialrevenue −18.4%

Organic search

$18,640+12.6% vs last week

Conversion4.8%

Sessions24,820

Direct

$16,280+8.2% vs last week

Conversion5.2%

Sessions18,460

Paid social

$7,420−18.4% vs last week

Conversion1.9%

Sessions12,380

Workspace / Growth overviewOct 01 — Oct 07, 2026

YOUR WEEK, IN FOCUS

Know what needs your attention.

Three channels. One growth goal.

Weekly report

Revenue$42,340 ↗ 4.0%vs. previous week

Sessions55,660 ↗ 9.2%across 3 channels

Needs attention01 Paid socialrevenue −18.4%

Cumulative revenue

01 — 07 OCT

$42,340 this week

40k20k0

MonTueWedThuFriSatSun

↘ NEEDS ATTENTION

Paid social

−18.4%

Revenue is below last week. Conversion is 1.9%. Start your review here.

Revenue$7,420

Priority 01 / 3 channels

A / SIGNAL FIRST B / COMPARE FIRST

One dataset. Three ways to decide.

Surface a signal, compare channels, or inspect the evidence. Layout changes what people see and do first.

◒ Forma Overview / Growth

HERO ONLY ↖

Know what needs your attention.

Three channels. One growth goal.

$42,340Revenue55,660Sessions01Needs attention

TYPE, COLOR & OTHER REGIONS PRESERVED

A focused edit. A visible boundary.

Make the headline more specific. Only the selected region changes; metrics and navigation stay intact.

↶

VERSION HISTORYINTERACTIVE EXAMPLE

v01 Original headline
Know what needs your attention.
CURRENT
v02 Scoped edit
Try the edit in the previous panel
—

A way back, when you need it.

Currently at v01. This demonstrates headline state restoration; the installed skill handles project snapshots.

One studio, three ways to present it.

One creative studio. Three expressive directions. Type, color, composition and materials change together while the portfolio and inquiry paths remain. Explore each page to find your fit; existing brands can still lock their design system.

Editorial warmth

Open full page ↗

Optimizes: Build brand value through texture and storytelling.
Tradeoff: A slower pace with less information density.
Fits: Boutique brands, lifestyle and creative studios.

Unconventional energy

Recommended

Open full page ↗

Optimizes: Create recall through bold type and clashing color.
Tradeoff: A strong attitude that may not fit conservative brands.
Fits: Culture, consumer brands and independent creators.

Digital frontier

Open full page ↗

Optimizes: Express exploration through space and digital materials.
Tradeoff: Atmospheric visuals need clear, concise copy.
Fits: Design tools, technology and digital art.

Choose A for an editorial story, B for bold expression, C for a digital product. We favor B here to demonstrate visual range; choose for your own brand and audience. Viewing does not select a winner.

Take the comparison into your project.

This page provides previews and prompts. Run them in your project's agent chat. Copying does not edit this site or install the skill.

01Install and generate my three directions

Use the complete Variant Design skill from https://github.com/YuqingNicole/variant-design-skill. Install the full directory if needed. Generate three directions for my current project, preserving its core tasks, features and existing brand. Open working previews, explain each direction's benefits, tradeoffs and fit, and recommend one without selecting a final winner. Use gallery direction B (Unconventional energy) as visual inspiration, not as an existing project file. Check brand constraints, then generate my project's own variants.

02Edit only B's hero

Complete step 1 first. The following action targets the newly generated project variants. Try a local edit of B, without selecting a winner. Change only its hero to make the headline more specific and primary action clearer. Preserve other sections, fonts and color tokens. Save a snapshot first, open the preview and verify the edit boundary.

03Undo B's last edit

Complete step 1 first. The following action targets the newly generated project variants. Undo the last change to B, restoring its files and tokens. Leave the other directions and final selection unchanged. Open the restored preview.

04Integrate B into my project

Complete step 1 first. The following action targets the newly generated project variants. Export B for integration into my current project. Back up before overwriting, run the project's existing typecheck and build, and return a working URL and change summary. This integration does not select a final winner.

Try it in your project.

Explore my three directions

Open-source skill · Runs in your code project