skills.rest
joaopaulotr
joaopaulotrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bolder

Amplify bland designs with stronger typography, color, layout, and motion.

Updated Apr 15, 2026
Search Tags:#typography#design#layout#color palette#animation#ui design#visual impact
One-click install
npx skills add https://github.com/joaopaulotr/PesquiseMaisHealth --skill bolder-joaopaulotr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/joaopaulotr/PesquiseMaisHealth/tree/main/.agents/skills/bolder
Command: npx skills add https://github.com/joaopaulotr/PesquiseMaisHealth --skill bolder-joaopaulotr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designs often end up looking generic, timid, or visually flat—system fonts, medium-sized everything, low contrast, and predictable layouts. This Skill diagnoses why a design feels too safe 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, timid scale, low contrast, static composition, and flat hierarchy. - Multi-Dimension Amplification: Applies bolder typography (extreme scale jumps, weight contrast), intensified color palettes, spatial drama (asymmetry, full-bleed, overlap), visual effects, and choreographed motion. - AI-Slop Guardrails: Explicitly avoids overused AI design clichés 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 a centered, balanced layout that feels forgettable. The Skill reworks it with a dramatic hero moment, 3-5x typographic scale jumps, a dominant brand color, and staggered entrance animations. ## Quick Start Ask the AI to make the current page design bolder and more visually distinctive 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?▼

Replace system fonts with distinctive typefaces, create dramatic 3-5x scale jumps between elements, let one bold color dominate the palette, and break symmetric layouts with asymmetry and full-bleed hero sections. The key is intentional drama, not random effects.

How to add visual impact to a design without hurting usability?▼

Pick one focal point as the hero moment and amplify hierarchy around it while keeping body text readable and navigation functional. Bold design must still meet WCAG accessibility standards and let users complete tasks without distraction.

What are common AI-generated design clichés to avoid?▼

Overused patterns include purple-to-blue gradients, glassmorphism, neon accents on dark backgrounds, and gradient text on metrics. These read as generic rather than bold, so distinctive typography, tinted neutrals, and intentional textures work better.

Does bolder design affect accessibility compliance?▼

Bold design must still meet WCAG standards, including sufficient color contrast for text and readable body copy. High-contrast accents and dramatic scale can actually improve hierarchy when applied with accessibility checks in place.

When should you not make a design bolder?▼

Avoid heavy amplification when context demands restraint, such as dense financial dashboards or strict brand guidelines. Making everything bold eliminates contrast, so amplification works only when a clear focal point and hierarchy exist.

Related Skills

Explore More Design & Creative Skills→
hi-yuki-922hi-yuki-922
1

i-teach-impeccable

Gather design context from codebase and user input into CLAUDE.md.

Community
Intermediate
Kael-DeanKael-Dean

bolder

Amplify typography, color, spacing, and motion in designs while preserving accessibility and usability.

Community
Intermediate
atrislabsatrislabs

design

Enforce frontend aesthetic policies for UI, component, and landing page development.

Official
Intermediate
aymenhamoudiiaymenhamoudii

quieter

Reduce visual intensity in design work while preserving hierarchy and readability.

Community
Advanced