What is 'AI Slop' in the context of this skill?

The skill specifically avoids generic AI-suggested designs like purple-cyan gradients, overused glassmorphism, and neon accents, favoring unique and professional design directions instead.

How does it handle accessibility?

The skill includes mandatory verification steps to ensure that all 'bold' choices, such as high-contrast colors or large typography, still meet WCAG standards and remain fully readable.

What is the primary purpose of the Bolder skill?

It is designed to take safe, 'boring', or generic designs and amplify their visual interest using professional design principles while maintaining strict usability.

Does this skill just add random colors and effects?

No. It follows a structured protocol to assess current weaknesses and applies intentional changes to typography, scale, and composition to create a cohesive, distinctive brand feel.

Can I use Bolder on any frontend framework?

Yes, it is framework-agnostic and provides guidance that can be implemented in CSS, Tailwind, React, or any other modern frontend technology stack.

Bolder Design Enhancer

Name: Bolder Design Enhancer
Author: Moliboy5000

byMoliboy5000

0•

设计工具

Transforms safe or generic UI designs into visually compelling and memorable experiences by increasing impact and personality.

Bolder is a specialized Claude Code skill designed to rescue projects from 'bland design' syndrome by providing a strategic framework for amplifying visual impact. It moves beyond predictable, low-contrast layouts toward distinctive, high-impact aesthetics that command attention. By leveraging advanced typography, intentional color intensification, and dramatic spatial compositions, this skill helps developers evolve basic MVPs into sophisticated, brand-driven experiences. Crucially, it emphasizes 'intentional drama' over random chaos, ensuring that every visual enhancement serves the user experience and strictly adheres to WCAG accessibility standards.

主要功能

01Usability & Accessibility Guardrails: Ensures all visual enhancements maintain high readability and functional integrity.

02Strategic Color Intensification: Creates vibrant, high-contrast palettes while avoiding generic, overused AI design tropes.

03Typography Amplification: Implements dramatic scale jumps and distinctive font pairings to establish clear hierarchy.

04Advanced Motion & Animation: Adds sophisticated entrance choreography and scroll-triggered sequences using professional easing.

05Spatial Drama & Grid Breaking: Introduces intentional asymmetry and overlapping elements to create depth and visual interest.

060 GitHub stars

使用场景

01Revamping a generic SaaS MVP into a high-converting, brand-distinctive marketing site.

02Enhancing data-heavy dashboards with better visual hierarchy and more engaging focus points.

03Upgrading a standard component library with unique visual signatures and sophisticated micro-interactions.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add moliboy5000/.claude bolder

For use in Claude.ai and ChatGPT