bolder

Amplify design visuals by increasing contrast and hierarchy while preserving usability.

1|Updated Mar 25, 2026
One-click install
npx skills add https://github.com/Elliot-TangS/EliteChain --skill bolder-elliot-tangs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/Elliot-TangS/EliteChain/tree/main/.windsurf/skills/bolder
Command: npx skills add https://github.com/Elliot-TangS/EliteChain --skill bolder-elliot-tangs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Amplifies safe or boring designs to make them more visually interesting while maintaining usability and accessibility.

Core Features & Use Cases

  • Increase contrast and hierarchy with intentional typography, color, and layout choices.
  • Create a distinctive but cohesive visual language for dashboards, marketing pages, and product experiences.
  • Use Case: When a design feels flat or generic, apply bolder treatments to create engaging and memorable user experiences.

Quick Start

Instruct the design system to elevate the visual emphasis of a chosen feature or component while preserving usability.

Frequently Asked Questions about bolder

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

FAQPage Schema
How do I make a boring user interface more visually engaging without hurting usability?

To make a boring user interface more visually engaging without hurting usability, you amplify design visuals by applying intentional typography, increased contrast, and cohesive layout choices that preserve accessibility and functional coherence.

How do I increase visual contrast and hierarchy in a flat design system?

Increase visual contrast and hierarchy in a flat design system by applying bolder typography, intentional color choices, and structured layout adjustments that establish a distinctive yet cohesive visual language across components.

Can I apply bolder visual design to dashboards and marketing pages without breaking accessibility?

Yes, you can apply bolder visual design to dashboards and marketing pages without breaking accessibility by following design principles and a context gathering protocol that ensures visual amplification maintains usability and coherence.

What is the best way to create a distinctive visual language for product experiences?

The best way to create a distinctive visual language for product experiences is elevating visual emphasis through bold typography and contrast, transforming generic interfaces into memorable designs while maintaining system usability.

When should I avoid using bold design treatments in a frontend design system?

You should avoid using bold design treatments in a frontend design system when adding visual emphasis compromises accessibility, breaks layout coherence, or negatively impacts the functional usability of the product experience.