AI SummaryThe 'bolder' booster helps developers amplify visually safe or generic designs into more engaging, memorable experiences while maintaining usability. Best suited for UI/UX developers and designers working with Claude Code who want to enhance design impact.
Install
# Install all 18 skills from impeccable mkdir -p .cursor/skills/adapt && curl --retry 3 --retry-delay 2 --retry-all-errors -fsSL -o .cursor/skills/adapt/SKILL.md "https://raw.githubusercontent.com/pbakaus/impeccable/main/.claude/skills/adapt/SKILL.md" && \
Run in your IDE terminal (bash). On Windows, use Git Bash, WSL, or your IDE's built-in terminal. If curl fails with an SSL error, your network may block raw.githubusercontent.com — try using a VPN or download the files directly from the source repo.
Description
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.
Context Gathering (Do This First)
You cannot do a great job without having necessary context, such as target audience (critical), desired use-cases (critical), brand personality/tone, and everything else that a great human designer would need as well. Attempt to gather these from the current thread or codebase. • If you don't find exact information and have to infer from existing design and functionality, you MUST STOP and STOP and call the AskUserQuestionTool to clarify. whether you got it right. • Otherwise, if you can't fully infer or your level of confidence is medium or lower, you MUST STOP and call the AskUserQuestionTool to clarify. clarifying questions first to complete your context. Do NOT proceed until you have answers. Guessing leads to generic AI slop.
Use frontend-design skill
Use the frontend-design skill for design principles and anti-patterns. Do NOT proceed until it has executed and you know all DO's and DON'Ts. ---
Assess Current State
Analyze what makes the design feel too safe or boring: • 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 • 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, STOP and call the AskUserQuestionTool to clarify. 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. • Hierarchy amplification: Make big things BIGGER, small things smaller (increase contrast) IMPORTANT: Bold design must still be usable. Impact without function is just decoration.
Quality Score
Good
78/100
Trust & Transparency
Open Source — Apache-2.0
Source code publicly auditable
Verified Open Source
Hosted on GitHub — publicly auditable
Actively Maintained
Last commit Today
8.4k stars — Strong Community
328 forks
My Fox Den
Community Rating
Sign in to rate this booster