bolder
Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.
70
56%
Does it follow best practices?
Impact
94%
1.03xAverage score across 3 eval scenarios
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./archived/legacy-companion/.agents/skills/bolder/SKILL.mdEvaluation results
98%
2%Add Visual Polish and Animation to a SaaS Dashboard
Motion and visual effects
Staggered entrance animation
100%
100%
50-100ms stagger delay
100%
100%
Ease-out easing used
100%
100%
No bounce or elastic easing
100%
100%
No glassmorphism
100%
100%
No generic colored-border cards
100%
100%
Dramatic shadow depth
100%
100%
Texture or depth treatment
50%
100%
Body text readable
100%
75%
Animation notes present
100%
100%
84%
-3%Create a Bold Portfolio Hero for a Creative Agency
Spatial drama and composition
Asymmetric layout
83%
58%
Generous white space
90%
30%
Unexpected proportions
30%
70%
Grid-breaking element
90%
100%
Single focal point
100%
100%
Dramatic focal treatment
100%
100%
Contrast in visual weight
90%
100%
Full-bleed or edge-to-edge element
87%
100%
Layout notes present
100%
100%
CTA visually distinct
100%
90%
100%
8%Revamp a Fintech Startup's Hero Section
Typography and color boldness
Distinctive font choice
100%
100%
Display font for headline
100%
100%
Extreme typographic scale
100%
100%
Weight contrast pairing
20%
100%
Dominant color (60% rule)
100%
100%
Saffron accent present
100%
100%
No purple-blue gradient
100%
100%
Tinted neutrals
100%
100%
No neon colors
100%
100%
WCAG body text contrast
100%
100%
Design notes present
100%
100%
- Repository
- The-Vibe-Company/companion
- Commit
90804d3
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.