# Make Interfaces Visually Bolder

Many interfaces feel safe, flat, or generic. Bolder gives Claude, Codex, and Claude Code a structured way to add impact while preserving usability.

## Install

```bash
npx skillstore add pbakaus/bolder
```

## Metadata

- Status: approved
- Slug: pbakaus-bolder
- Skillstore revision: r1
- Version status: missing
- Tree hash: 508ebaa15cbe8104a7d873701380b680c9d5a9dcba08aca55a75d2d7c920cc17
- Author: pbakaus
- GitHub username: pbakaus
- License: MIT
- Repository: https://github.com/pbakaus/impeccable/tree/main/source/skills/bolder/
- Ref: e397ce5a135369cd6def89cb6400d013e2f68f2f
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/pbakaus-bolder
- Manifest: https://skillstore.pages.dev/api/skills/pbakaus-bolder/manifest

## Capabilities

- Identifies weak visual hierarchy, low contrast, static layouts, and generic design choices.
- Plans a focused boldness direction based on brand, audience, purpose, and constraints.
- Recommends stronger typography, color, spacing, composition, visual effects, and motion.
- Warns against generic AI design patterns like repeated purple-blue gradients and glassmorphism.
- Checks the final design for usability, accessibility, coherence, memorability, and performance.

## Use Cases

- Refresh a conservative product page: Turn a flat marketing page into a more memorable experience without losing clarity or conversion goals.
- Improve a functional dashboard: Add stronger hierarchy, accent color, and purposeful motion while keeping repeated workflows easy to scan.
- Review AI-generated interface work: Find generic visual choices and replace them with a coherent direction that feels more intentional.

## Prompt Templates

### Make a screen bolder

```
Use bolder on this screen. Keep the current purpose, but improve hierarchy, color, spacing, and visual energy.
```

### Strengthen a product flow

```
Use bolder on the checkout flow. Add a stronger focal point and clearer hierarchy without reducing trust or readability.
```

### Create a brand-aware boldness plan

```
Use bolder for this SaaS dashboard. Build a visual strategy that respects our brand, audience, accessibility needs, and performance limits.
```

### Audit and redesign a full interface

```
Use bolder to audit this interface, identify weak design choices, propose a focused direction, implement improvements, and verify usability.
```

## Limitations

- It depends on available design context and may ask for clarification before changing a product.
- It does not generate production assets by itself unless the host agent has suitable tools.
- It focuses on frontend visual direction, not backend behavior or business logic.
- It cannot guarantee brand approval when formal brand guidelines are missing.

## Best Practices

- Provide brand, audience, accessibility, and performance constraints before asking for major visual changes.
- Choose one primary focal point so the interface feels intentional instead of loud.
- Verify readability, task completion, and motion comfort after each boldness pass.

## Anti Patterns

- Do not add effects only because the current design feels quiet.
- Do not make every element visually dominant, because hierarchy will collapse.
- Do not replace brand strategy with generic gradients, glass panels, or neon accents.

## Security Audit

- Audited at: 2026-07-06T19:58:11.392\+00:00
- Summary: Static findings are false positives caused by design vocabulary in SKILL.md. The skill provides frontend design guidance and shows no evidence of reconnaissance, exfiltration, prompt injection, or unsafe tool use.

## Stats

- Views: 162
- Downloads: 17
- Favorites: 0
- Popularity score: 0