Reduces visual intensity in UI designs by refining color, typography, motion, and composition.
npx skills add https://github.com/gmolike/Claude-Template --skill quieter-gmolike
Please help me install this Agent Skill. Skill: quieter Source: https://github.com/gmolike/Claude-Template/tree/main/.agents/skills/quieter Command: npx skills add https://github.com/gmolike/Claude-Template --skill quieter-gmolike
High-intent search queries and answers about installing and using this skill.
Reduce color saturation to 70-85%, lower font weights, increase white space, simplify decorative elements, and soften animations. The quieter skill systematically refines these dimensions while preserving hierarchy and usability.
Shift to muted, sophisticated tones, let neutrals dominate with color as a 10% accent, and use tinted grays instead of pure gray. Quiet design maintains character through restraint rather than removing all personality.
No, when done correctly. Functional elements keep clear affordances, hierarchy is preserved through weight and spacing, and contrast remains high where it matters most. The skill explicitly verifies the design stays functional.
Remove decorative animations and dramatic effects like bounce or elastic easing. Keep functional motion with shorter distances of 10-20px and gentle ease-out-quart timing for subtle micro-interactions.
Avoid it when the context genuinely needs high energy, such as certain marketing campaigns or youth-oriented audiences. The skill gathers audience and purpose context first to confirm quieting is appropriate.
jkenney47Incorporate moments of joy and personality into user interfaces.
shipiitEvaluate UI code against a senior design rubric across hierarchy, spacing, color, typography, motion, density, components, and accessibility.
julianromliDiagnose bland UI designs and recommend bolder typography, color, and composition changes.
celantheAmplify design elements to increase visual impact while preserving readability.
