bolder

Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.

MANDATORY PREPARATION

Context Gathering (Do This First)

You cannot do a great job without having necessary context, such as target audience (critical), desired use-cases (critical), brand personality/tone, and everything else that a great human designer would need as well.

Attempt to gather these from the current thread or codebase.

1. If you don't find exact information and have to infer from existing design and functionality, you MUST STOP and {{ask_instruction}} whether you got it right.
2. Otherwise, if you can't fully infer or your level of confidence is medium or lower, you MUST {{ask_instruction}} clarifying questions first to complete your context.

Do NOT proceed until you have answers. Guessing leads to generic AI slop.

Use frontend-design skill

Use the frontend-design skill for design principles and anti-patterns. Do NOT proceed until it has executed and you know all DO's and DON'Ts.

---

Assess Current State

Analyze what makes the design feel too safe or boring:

1. Identify weakness sources:

   • Generic choices: System fonts, basic colors, standard layouts
   • Timid scale: Everything is medium-sized with no drama
   • Low contrast: Everything has similar visual weight
   • Static: No motion, no energy, no life
   • Predictable: Standard patterns with no surprises
   • Flat hierarchy: Nothing stands out or commands attention

2. Understand the context:

   • What's the brand personality? (How far can we push?)
   • What's the purpose? (Marketing can be bolder than financial dashboards)
   • Who's the audience? (What will resonate?)
   • What are the constraints? (Brand guidelines, accessibility, performance)

If any of these are unclear from the codebase, {{ask_instruction}}

CRITICAL: "Bolder" doesn't mean chaotic or garish. It means distinctive, memorable, and confident. Think intentional drama, not random chaos.