Reduces visual intensity in frontend designs by refining color, typography, motion, and composition.
npx skills add https://github.com/WeWake1/BSOMS --skill quieter-wewake1
Please help me install this Agent Skill. Skill: quieter Source: https://github.com/WeWake1/BSOMS/tree/main/.agents/skills/quieter Command: npx skills add https://github.com/WeWake1/BSOMS --skill quieter-wewake1
High-intent search queries and answers about installing and using this skill.
Reduce color saturation to 70-85%, lower font weights, increase white space, and replace dramatic animations with subtle ease-out transitions. Keep a few bold anchor elements so hierarchy and usability remain intact.
Shift saturated colors to muted, sophisticated tones and let neutrals carry most of the interface with color as a 10% accent. Use tinted grays instead of pure gray and reserve high contrast only for the most important elements.
No. Quiet design means refined, not grayscale or generic. The Skill explicitly preserves character through subtle hierarchy, restrained color accents, and intentional spacing while removing only decorative excess.
Remove decorative animations that serve no functional purpose, such as bounce or elastic effects. Keep functional motion with shorter distances of 10-20px and gentle ease-out-quart easing for understated feedback.
Avoid it when the context genuinely requires high energy, such as promotional campaigns targeting audiences expecting bold visuals. Assess the purpose and audience first, since some contexts legitimately need intensity.
Kael-DeanRefine bold designs into muted palettes while preserving hierarchy and readability.
get-convexDesaturate colors and refine typography and spacing in web and UI designs.
hadimiftahulfReview user interfaces for design consistency, responsiveness, and accessibility.
mahou-labsReduces visual intensity in bold UI designs via desaturation and spacing adjustments.
