skills.rest
ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak
ZainEldeen-Ashraf-Ibrahim-Ibrahim-SamakCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

bolder

Amplify typography, color, space, and motion in UI designs while preserving accessibility.

Updated Apr 12, 2026
Search Tags:#typography#design#accessibility#composition#color#ux#visual-design
One-click install
npx skills add https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT --skill bolder-zaineldeen-ashraf-ibrahim-ibrahim-samak
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bolder
Source: https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT/tree/main/.cursor/skills/bolder
Command: npx skills add https://github.com/ZainEldeen-Ashraf-Ibrahim-Ibrahim-Samak/SCCT --skill bolder-zaineldeen-ashraf-ibrahim-ibrahim-samak

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses interfaces and visual designs that feel safe, generic, or visually underwhelming by giving designers a structured process to increase personality, hierarchy, and impact while preserving usability and accessibility.

Core Features & Use Cases

  • Assess Current State: Identify why a design feels bland—generic choices, timid scale, low contrast, static layouts, or flat hierarchy—and gather brand and audience constraints.
  • Planned Amplification: Define a single focal point, a personality direction, and a risk budget, then apply targeted changes across typography, color, space, composition, effects, and motion.
  • Verification & Guardrails: Validate that changes remain usable, accessible, performant, coherent, and distinct from generic AI-driven effects.
  • Use Case: Refresh a marketing homepage to be more memorable without sacrificing CTA clarity, or energize a financial dashboard with improved hierarchy and readable contrast.

Quick Start

Ask the skill to analyze the current design and propose a bolder direction with specific typography, color, layout, and motion recommendations that preserve accessibility and usability.

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 UI design more visually impactful without losing readability?▼

To make a bland UI design more visually impactful, apply targeted amplification to typography, color palettes, spatial layout, and motion. This process strengthens hierarchy and personality while strictly preserving usability and accessibility.

What is the best way to improve visual hierarchy and composition in a generic UX project?▼

Improving visual hierarchy and composition in a generic UX project requires defining a single focal point and a personality direction. You then apply targeted changes across typography and space to create distinct, non-generic design changes.

Can I use bold typography and color palettes in a financial dashboard while maintaining accessibility?▼

Yes, you can use bold typography and color palettes in a financial dashboard while maintaining accessibility. Accessibility-aware amplification ensures changes remain usable, readable, and performant while energizing the interface.

How do I refresh a marketing homepage to be more memorable without sacrificing CTA clarity?▼

To refresh a marketing homepage without sacrificing CTA clarity, assess brand constraints and apply a planned amplification budget. This introduces spatial drama and motion while verifying that layout changes do not disrupt function.

Why does my visual design feel safe and generic, and how do I fix it?▼

Your visual design feels safe and generic due to timid scale, low contrast, static layouts, or flat hierarchy. You fix it by identifying a focal point and applying targeted effects and motion within a defined risk budget.

Related Skills

Explore More Design & Creative Skills→
nachopalmerinachopalmeri

bolder

Enhance contrast, hierarchy, and personality in safe designs across typography, color, spacing, and motion.

Community
Advanced
marcustamarcusta

frontend-design

Enforce TapScore design constraints on frontend UI components.

Community
Advanced
dirnbauerdirnbauer
33

frontend-design

Design frontend interfaces with typography, color palettes, motion, and CSS/HTML examples.

Community
Basic
htafollahtafolla
5

ui-ux-design

Design mobile-first user interfaces with WCAG 2.1 AA accessibility compliance.

Community
Advanced