bolder

Amplify generic designs with bolder typography, color, layout, and motion treatments.

Updated Feb 22, 2026
One-click install
npx skills add https://github.com/metang/imganalyzer --skill bolder-metang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/metang/imganalyzer/tree/main/.agents/skills/bolder
Command: npx skills add https://github.com/metang/imganalyzer --skill bolder-metang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designs often end up looking safe, generic, and forgettable—system fonts, timid scale, low contrast, and predictable layouts. This Skill diagnoses why a design feels bland and systematically increases its visual impact while preserving usability and accessibility. ## Core Features & Use Cases - Weakness Diagnosis: Identifies sources of blandness such as generic font choices, flat hierarchy, timid scale, and static composition before making changes. - Multi-Dimension Amplification: Applies bolder treatments across typography (extreme scale jumps, weight contrast), color (saturated palettes, tinted neutrals), spatial drama (asymmetry, broken grids), visual effects, and motion choreography. - AI-Slop Avoidance: Explicitly guards against overused AI design tropes like purple-blue gradients, glassmorphism, and neon-on-dark, ensuring results are distinctive rather than derivative. - Use Case: A landing page uses default system fonts and evenly sized sections. Invoke this Skill to establish a dramatic hero focal point, introduce a dominant brand color, and add staggered entrance animations while keeping body text readable and WCAG-compliant. ## Quick Start Ask the AI to make the current page design bolder and more memorable while keeping it usable and accessible.

Frequently Asked Questions about bolder

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

FAQPage Schema
How do I make a website design look less generic?▼

Diagnose the sources of blandness first: system fonts, timid scale, low contrast, and predictable layouts. Then amplify specific dimensions such as dramatic typography scale jumps, a dominant bold color, asymmetric layouts, and staggered entrance animations while keeping one clear focal point.

How to add visual impact without hurting usability?▼

Pick one hero moment and amplify it rather than making everything bold. Keep body text readable, maintain WCAG accessibility standards, and ensure animations use smooth easings like ease-out-quart without overwhelming users with motion.

What typography changes make designs feel bolder?▼

Replace system fonts with distinctive display or variable fonts, create 3x-5x size jumps between elements, and pair extreme weights like 900 with 200. Condensed or extended widths and intentional monospace accents also add character.

Does bold design still need to meet accessibility standards?▼

Yes. Bold design must maintain WCAG contrast requirements and readability. Amplification should never sacrifice legibility of body text or overwhelm users with excessive animation, since impact without function is just decoration.

Why do AI-generated bold designs all look the same?▼

AI defaults to overused tropes like cyan-purple gradients, glassmorphism, and neon accents on dark backgrounds. True boldness means distinctive, intentional choices aligned with brand personality rather than stacking trendy effects.