bolder

Amplifies generic frontend designs with bolder typography, color, layout, and motion.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/AkaraChen/proxy-up --skill bolder-akarachen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/AkaraChen/proxy-up/tree/main/.agents/skills/bolder
Command: npx skills add https://github.com/AkaraChen/proxy-up --skill bolder-akarachen

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 systematically increases visual impact and personality while preserving usability, accessibility, and coherence. ## Core Features & Use Cases - Design Audit: Diagnoses why a design feels bland by identifying generic choices, flat hierarchy, low contrast, and static composition. - Multi-Dimensional Amplification: Applies targeted changes across typography, color, spatial drama, visual effects, motion, and composition. - AI Slop Avoidance: Explicitly guards against overused AI aesthetics like purple-blue gradients, glassmorphism, and neon accents. - Use Case: A landing page built with default styles feels bland. Invoke this Skill to introduce dramatic type scale, a dominant bold color, asymmetric layout, and choreographed entrance animations while keeping the page readable and accessible. ## Quick Start Use the bolder skill on my landing page to make the design more distinctive and visually impactful.

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 website design more visually interesting?▼

Audit the design for generic fonts, timid scale, and low contrast, then amplify systematically: dramatic type scale jumps of 3-5x, a dominant bold color, asymmetric layouts, and choreographed entrance animations. Keep body text readable and meet accessibility standards.

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

Pick one hero focal point and amplify hierarchy around it rather than making everything bold. Increase contrast between large and small elements, use generous whitespace, and verify users can still complete tasks without distraction.

What design patterns should I avoid when making a bold design?▼

Avoid overused AI-generated aesthetics: cyan-purple gradients, glassmorphism, neon accents on dark backgrounds, and gradient text on metrics. Bold means distinctive and intentional, not adding more generic effects.

Does bold design still need to meet accessibility standards?▼

Yes. Bold design must maintain WCAG compliance, readable body text, and functional task completion. Impact without function is decoration, so contrast ratios and readability checks remain mandatory.

When should I not use a bolder design approach?▼

Avoid heavy amplification when brand guidelines are strict, the context demands restraint like financial dashboards, or the audience expects conservative presentation. Assess brand personality, purpose, and constraints before pushing boundaries.