bolder

Diagnose bland UI designs and recommend bolder typography, color, and composition changes.

Updated Apr 13, 2026
One-click install
npx skills add https://github.com/julianromli/dikara-portfolio --skill bolder-julianromli
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/julianromli/dikara-portfolio/tree/main/.cursor/skills/skills/bolder
Command: npx skills add https://github.com/julianromli/dikara-portfolio --skill bolder-julianromli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps designers and product teams transform bland, generic, or overly safe interfaces into distinctive, memorable experiences that retain usability, accessibility, and performance.

Core Features & Use Cases

  • Diagnosis: Identifies why a design feels safe or boring (generic fonts, timid scale, low contrast, predictable layout).
  • Strategic amplification: Recommends typography, color, spatial, compositional, texture, and motion changes with a clear risk budget and focal point.
  • Verification: Provides checks for legibility, accessibility (WCAG), performance impact, and coherence to avoid "AI slop" or derivative effects.
  • Use Case: Make a marketing landing page or product hero section more attention-grabbing while maintaining conversion-focused clarity and accessibility.

Quick Start

Make the hero area bolder by choosing a distinctive display font, increasing headline scale dramatically, introducing a dominant saturated color with high-contrast accents, applying asymmetric composition or overlap for depth, and verifying WCAG contrast and readability.

Frequently Asked Questions about bolder

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

FAQPage Schema
How do I make a bland user interface more visually impactful without sacrificing usability?

To make a bland user interface visually impactful, diagnose predictable layouts and timid scale, then amplify typography, color intensity, composition drama, and motion while verifying WCAG accessibility and performance constraints to preserve usability.

Why does my marketing landing page feel safe or boring to users?

A marketing landing page feels safe or boring due to generic fonts, timid typographic scale, low contrast, and predictable layouts. Diagnosing these specific visual design elements helps identify where hierarchy and compositional drama are lacking.

How do I increase typography contrast and color intensity in a product UI?

Increase typography contrast and color intensity in a product UI by selecting distinctive display fonts, scaling headlines dramatically, and introducing dominant saturated colors with high-contrast accents while balancing the overall visual design risk budget.

Can I use bold visual design changes without breaking WCAG accessibility checks?

Yes, you can apply bold visual design changes without breaking WCAG accessibility by running verification checks on legibility and contrast. Amplifying visual impact requires balancing dramatic compositional changes against strict accessibility and performance constraints.

Does adding motion design to a hero section affect performance and conversion clarity?

Adding motion design to a hero section affects performance, but verifying performance impact during strategic amplification ensures conversion-focused clarity is maintained. Motion should be balanced alongside typography and color within a clear risk budget.