bolder

Amplify visual impact in UI designs while preserving accessibility.

1|1|Updated Mar 9, 2026
One-click install
npx skills add https://github.com/puripong1st/web-fahsiam --skill bolder-puripong1st
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/puripong1st/web-fahsiam/tree/main/.agent/skills/bolder
Command: npx skills add https://github.com/puripong1st/web-fahsiam --skill bolder-puripong1st

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs that feel safe or boring often fail to engage users. This skill provides a structured approach to amplify visual impact while maintaining usability.

Core Features & Use Cases

  • Typography amplification: create distinct hierarchy and readable contrast.
  • Color and composition: introduce bold palettes and intentional asymmetry to guide attention.
  • Motion and spacing: add purposeful motion and generous whitespace to reinforce brand personality in UI.
  • Use Case: Apply during design reviews or brand refreshes to elevate prototypes without compromising accessibility.

Quick Start

Apply the bolder design principles to a current mockup by selecting a focal element and increasing contrast and scale while preserving accessibility.

Frequently Asked Questions about bolder

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

FAQPage Schema
How do I make boring UI designs bold without sacrificing accessibility?

You can elevate safe or boring designs by injecting visual impact through typography amplification, bold color palettes, intentional asymmetry, and purposeful motion while enforcing accessibility checks to maintain usability.

What's the best way to improve visual hierarchy and contrast in a product refresh?

Improving visual hierarchy and contrast in a product refresh requires creating distinct typography hierarchy and readable contrast, introducing bold palettes, and applying intentional asymmetry to guide user attention effectively.

Can I use bold design amplification for UI/UX design sprints and design reviews?

Yes, bold design amplification is specifically built for UI/UX design sprints, product refreshes, and design reviews where a brand requires more personality while still requiring a design system context and accessibility checks.

Does amplifying a design with bold typography and motion require a design system context?

Yes, enforcing a design system context is required when amplifying designs with bold typography, color, and motion to ensure that the visual impact does not compromise the established spatial hierarchy or usability standards.

When should I not use bold design amplification for my mockups?

You should avoid bold design amplification when your mockups lack an established design system context or when introducing bold palettes, intentional asymmetry, and purposeful motion would violate strict accessibility and usability requirements.