skills.rest
wellsgz
wellsgzCOMMUNITY
Explore all skills by this author →
GitHub

bolder

Identify design weaknesses and outline an amplification plan across typography, color, spacing, motion, and composition.

Updated Feb 8, 2026
Search Tags:#typography#design#color#ui-ux#visual-design#bold
One-click install
npx skills add https://github.com/wellsgz/SonarScope --skill bolder-wellsgz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/wellsgz/SonarScope/tree/main/.codex/skills/bolder
Command: npx skills add https://github.com/wellsgz/SonarScope --skill bolder-wellsgz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Amplify visual impact in designs that feel too safe or boring, while preserving usability.

Core Features & Use Cases

  • Identify design weaknesses such as generic typography, low contrast, flat hierarchy, and static layouts.
  • Outline an amplification plan across typography, color, spacing, motion, and composition to create distinctive, coherent experiences.
  • Use Case: apply to product dashboards, marketing pages, and feature releases to produce engaging, accessible interfaces.

Quick Start

Provide bold, distinctive design guidance to transform a safe UI into a memorable, usable experience.

Frequently Asked Questions about bolder

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

FAQPage Schema
How do I make a boring UI design more visually bold without hurting usability?▼

To make UI design bold and usable, amplify visual impact across typography, color, spacing, motion, and composition. This approach transforms generic, flat-hierarchy interfaces into distinctive experiences while strictly maintaining accessibility and usability requirements.

What is the best way to amplify visual design impact for a product dashboard?▼

Amplifying visual design impact for a product dashboard involves applying an actionable elevation plan across typography, color, spacing, motion, and composition. This ensures the dashboard remains accessible while transforming static layouts into engaging, coherent interfaces.

Can I use bold visual design guidelines for marketing pages and feature releases?▼

Yes, bold visual design guidelines apply directly to marketing pages and feature releases. They outline an amplification plan across typography and composition, ensuring marketing visuals become distinctive and memorable without compromising usability.

Why does my safe design feel generic and how do I identify visual weaknesses?▼

Safe designs feel generic due to weaknesses like flat hierarchy, low contrast, static layouts, and generic typography. Identifying these specific visual weaknesses allows you to outline a targeted amplification plan to elevate the aesthetics.

Does making typography and color bold compromise accessibility requirements?▼

Making typography and color bold does not compromise accessibility when following structured guidelines. The amplification plan explicitly maintains accessibility and usability requirements while elevating aesthetics across product interfaces and marketing visuals.

Related Skills

Explore More Design & Creative Skills→
chroniicallydiistractedchroniicallydiistracted

bolder

Amplify web and product UI designs with stronger hierarchy, contrast, and motion.

Community
Advanced
yckkkkyckkkk
1

bolder

Amplify safe designs across typography, color, spacing, motion, and composition.

Community
Advanced
omanjayaomanjaya

frontend-design

Provide typography, color, spacing, and motion guidelines for web UI design.

Community
Intermediate
gil0mendesgil0mendes

frontend-philosophy

Guide intentional typography, color, motion, spatial composition, and atmosphere in UI design.

Community
Basic