Agent skill · design visual · aiskillstore
bolder
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.
Why this skill is useful
Provides specific strategies and guidelines for enhancing visual design impact that the AI wouldn't reliably generate on its own.
What it needs
About 4k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences. MANDATORY PREPARATION Use the frontend-design skill — it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding — if no design context exists yet, you MUST run teach-impeccable first. --- Assess Current State Analyze what makes the design feel too safe or boring: 1. Identify weakness sources: Generic choices: System fonts, basic colors, standard layouts Timid scale: Everything is medium-sized with no drama Low contrast: Everything has similar visual weight Static: No motion, no energy, no life Predictable: Standard patterns with no surprises Flat hierarchy: Nothing stands out or commands attention 2. Understand the context: What's the brand personality? (How far can we push?) What's the purpose? (Marketing can be bolder than financial dashboards) Who's the audience? (What will resonate?) What are the constraints? (Brand guidelines, accessibility, performance) If any of these are unclear from the codebase, {{askinstruction}} CRITICAL: "Bolder" doesn't mean chaotic or garish. It means distinctive, memorable, and confident. Think intentional drama, not random chaos. WARNING - AI SLOP TRAP: When making things "bolder," AI defaults to the same tired tricks: cyan/purple gradients, glassmorphism, neon accents on dark backgrounds, gradient text on metrics. These are the OPPOSITE of bold—they're generic. Review ALL the DON'T guidelines in the frontend-design skill before proceeding. Bold means distinctive, not "more effects." Plan Amplification Create a strategy to increase impact while maintaining coherence: Focal point: What should be the hero moment? (Pick ONE, make it amazing) Personality direction: Maximalist chaos? Elegant drama? Playful energy? Dark moody? Choose a lane. Risk budget: How experimental can we be? Push boundaries within constraints. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/bolder