bolder

Plan visual amplification strategies for typography, color, layout, and motion.

Updated Apr 14, 2026
One-click install
npx skills add https://github.com/gerald-ica/opencode-config-snapshot --skill bolder-gerald-ica
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/gerald-ica/opencode-config-snapshot/tree/main/opencode/skills/bolder
Command: npx skills add https://github.com/gerald-ica/opencode-config-snapshot --skill bolder-gerald-ica

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Amplifies visual impact in designs that are too safe or generic by adding personality while preserving usability.

Core Features & Use Cases

  • Plan Amplification: Create a strategy to increase impact while maintaining coherence:
    • Focal point: Define the hero moment and ensure it stands out.
    • Personality direction: Choose a lane (maximalist drama, elegant, playful, etc.).
    • Risk budget: Set the level of experimentation within constraints.
    • Hierarchy amplification: Make important elements larger and more contrasted.
  • Important reminders: Bold design must remain usable and accessible, and should not rely on gimmicks.
  • Warning: Bold design should be intentional, cohesive, and accessible; avoid random visual tricks that degrade usability.

Quick Start

Apply the bold amplification strategy to the current design brief to generate a stronger, coherent visual concept.

Frequently Asked Questions about bolder

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

FAQPage Schema
How do I make UI design more visually distinctive without losing usability?

Bold design amplifies visual impact by adding personality through typography, color, layout, and motion while applying strict guardrails to maintain accessibility and usability. It transforms generic designs into memorable experiences without relying on random visual tricks.

What is the best way to add personality to generic branding and marketing visuals?

The best way to add personality to generic branding is to define a hero focal point, choose a personality lane such as playful or dramatic, set a risk budget, and amplify hierarchy. This creates an intentional, cohesive visual concept that stands out.

How do I amplify visual hierarchy in dashboard designs safely?

Amplify visual hierarchy in dashboard designs by making important elements larger and more contrasted. Establish a risk budget to set experimentation limits, ensuring the amplification remains accessible and does not rely on gimmicks that degrade usability.

Does bold visual design affect accessibility in UI design tasks?

Bold visual design can affect accessibility if left unchecked. Bold amplification includes explicit guardrails to maintain accessibility across typography, color, and layout, ensuring visual punch does not compromise usability or rely on gimmicks.

When should I avoid using bold design amplification?

Avoid using bold design amplification when it relies on random visual tricks that degrade usability. Bold design must be intentional and cohesive; if amplifying typography, color, or motion breaks accessibility or removes functional clarity, the approach should not be used.