[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FDKPHP75VV5K5TH0CJ2SS8":3,"skill-same:01M6FDKPHP75VV5K5TH0CJ2SS8":45},{"skillNo":4,"name":5,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":18,"linkOnly":19,"markdownContent":20,"markdownBody":20,"frontMatter":21,"refName":22,"commitSha":23,"skillDirectory":24,"forksCount":25,"repositoryHtmlUrl":26,"repositoryHomepageUrl":27,"ownerHtmlUrl":28,"ownerBlogUrl":6,"ownerDescription":29,"updatedAt":30,"install":31,"resources":44},"01M6FDKPHP75VV5K5TH0CJ2SS8","quieter",null,"ComeOnOliver\u002Fskillshub","ComeOnOliver","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F43215937?v=4","01M6E5JNFECJAAVFE0W7SMWWD2","Haoran Shu","01M6E5JNNDQS7AJZDYFQ8TPZCK",66,"MIT","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fmxyhi\u002Fok-skills\u002Fquieter\u002FSKILL.md",[],[5],"2026-11-10 10:12:30",false,"Reduce visual intensity in designs that are too bold, aggressive, or overstimulating, creating a more refined and approachable aesthetic without losing effectiveness.\n\n## MANDATORY PREPARATION\n\n### Context Gathering (Do This First)\n\nYou cannot do a great job without having necessary context, such as target audience (critical), desired use-cases (critical), brand personality\u002Ftone, and everything else that a great human designer would need as well.\n\nAttempt to gather these from the current thread or codebase.\n\n1. If you don't find *exact* information and have to infer from existing design and functionality, you MUST STOP and {{ask_instruction}} whether you got it right.\n2. Otherwise, if you can't fully infer or your level of confidence is medium or lower, you MUST {{ask_instruction}} clarifying questions first to complete your context.\n\nDo NOT proceed until you have answers. Guessing leads to generic design.\n\n### Use frontend-design skill\n\nUse the frontend-design skill for design principles and anti-patterns. Do NOT proceed until it has executed and you know all DO's and DON'Ts.\n\n---\n\n## Assess Current State\n\nAnalyze what makes the design feel too intense:\n\n1. **Identify intensity sources**:\n   - **Color saturation**: Overly bright or saturated colors\n   - **Contrast extremes**: Too much high-contrast juxtaposition\n   - **Visual weight**: Too many bold, heavy elements competing\n   - **Animation excess**: Too much motion or overly dramatic effects\n   - **Complexity**: Too many visual elements, patterns, or decorations\n   - **Scale**: Everything is large and loud with no hierarchy\n\n2. **Understand the context**:\n   - What's the purpose? (Marketing vs tool vs reading experience)\n   - Who's the audience? (Some contexts need energy)\n   - What's working? (Don't throw away good ideas)\n   - What's the core message? (Preserve what matters)\n\nIf any of these are unclear from the codebase, {{ask_instruction}}\n\n**CRITICAL**: \"Quieter\" doesn't mean boring or generic. It means refined, sophisticated, and easier on the eyes. Think luxury, not laziness.\n\n## Plan Refinement\n\nCreate a strategy to reduce intensity while maintaining impact:\n\n- **Color approach**: Desaturate or shift to more sophisticated tones?\n- **Hierarchy approach**: Which elements should stay bold (very few), which should recede?\n- **Simplification approach**: What can be removed entirely?\n- **Sophistication approach**: How can we signal quality through restraint?\n\n**IMPORTANT**: Great quiet design is harder than great bold design. Subtlety requires precision.\n\n## Refine the Design\n\nSystematically reduce intensity across these dimensions:\n\n### Color Refinement\n- **Reduce saturation**: Shift from fully saturated to 70-85% saturation\n- **Soften palette**: Replace bright colors with muted, sophisticated tones\n- **Reduce color variety**: Use fewer colors more thoughtfully\n- **Neutral dominance**: Let neutrals do more work, use color as accent (10% rule)\n- **Gentler contrasts**: High contrast only where it matters most\n- **Tinted grays**: Use warm or cool tinted grays instead of pure gray—adds sophistication without loudness\n- **Never gray on color**: If you have gray text on a colored background, use a darker shade of that color or transparency instead\n\n### Visual Weight Reduction\n- **Typography**: Reduce font weights (900 → 600, 700 → 500), decrease sizes where appropriate\n- **Hierarchy through subtlety**: Use weight, size, and space instead of color and boldness\n- **White space**: Increase breathing room, reduce density\n- **Borders & lines**: Reduce thickness, decrease opacity, or remove entirely\n\n### Simplification\n- **Remove decorative elements**: Gradients, shadows, patterns, textures that don't serve purpose\n- **Simplify shapes**: Reduce border radius extremes, simplify custom shapes\n- **Reduce layering**: Flatten visual hierarchy where possible\n- **Clean up effects**: Reduce or remove blur effects, glows, multiple shadows\n\n### Motion Reduction\n- **Reduce animation intensity**: Shorter distances (10-20px instead of 40px), gentler easing\n- **Remove decorative animations**: Keep functional motion, remove flourishes\n- **Subtle micro-interactions**: Replace dramatic effects with gentle feedback\n- **Refined easing**: Use ease-out-quart for smooth, understated motion—never bounce or elastic\n- **Remove animations entirely** if they're not serving a clear purpose\n\n### Composition Refinement\n- **Reduce scale jumps**: Smaller contrast between sizes creates calmer feeling\n- **Align to grid**: Bring rogue elements back into systematic alignment\n- **Even out spacing**: Replace extreme spacing variations with consistent rhythm\n\n**NEVER**:\n- Make everything the same size\u002Fweight (hierarchy still matters)\n- Remove all color (quiet ≠ grayscale)\n- Eliminate all personality (maintain character through refinement)\n- Sacrifice usability for aesthetics (functional elements still need clear affordances)\n- Make everything small and light (some anchors needed)\n\n## Verify Quality\n\nEnsure refinement maintains quality:\n\n- **Still functional**: Can users still accomplish tasks easily?\n- **Still distinctive**: Does it have character, or is it generic now?\n- **Better reading**: Is text easier to read for extended periods?\n- **Sophistication**: Does it feel more refined and premium?\n\nRemember: Quiet design is confident design. It doesn't need to shout. Less is more, but less is also harder. Refine with precision and maintain intentionality.\n",{},"main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Fmxyhi\u002Fok-skills\u002Fquieter",24,"https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub","https:\u002F\u002Fskillshub.wtf","https:\u002F\u002Fgithub.com\u002FComeOnOliver","AI & Blockchain Engineer\r\n","2026-06-24 22:07:19",{"source":7,"skillName":5,"commands":32,"prompt":42,"zipAvailable":43},[33,36,39],{"tool":34,"command":35},"npx","npx skills add ComeOnOliver\u002Fskillshub --skill quieter",{"tool":37,"command":38},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill quieter",{"tool":40,"command":41},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill quieter","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fmxyhi\u002Fok-skills\u002Fquieter\u002FSKILL.md",true,[],[46,60,70,79,85,92],{"skillNo":47,"name":48,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":49,"categories":50,"keywords":56,"publishedAt":18},"01M6FKJN13GMG4KY57J3QD8GY5","model-hierarchy-skill","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzscole\u002Fmodel-hierarchy-skill\u002Fmodel-hierarchy-skill\u002FSKILL.md",[51],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},"01JBSEEDCAT000000000000023","Skill与智能体开发","SCENARIO","使用场景",[57,58,59],"model","model hierarchy","model hierarchy skill",{"skillNo":61,"name":62,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":63,"categories":64,"keywords":66,"publishedAt":18},"01M6FKJJJ6GCAMR4PPPRD12M5X","zoom-mcp","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-mcp\u002FSKILL.md",[65],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},[67,68,69],"MCP","zoom","zoom mcp",{"skillNo":71,"name":72,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":73,"categories":74,"keywords":75,"publishedAt":18},"01M6FKJE3KYT3KPEZMEEHYKA6K","zoom-apps-sdk","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fzoom-apps-sdk\u002FSKILL.md",[],[76,77,78,68],"sdk","zoom apps sdk","apps",{"skillNo":80,"name":81,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":82,"categories":83,"keywords":84,"publishedAt":18},"01M6FKJ9EDH9Q5VWDF8HAJRSP0","windows","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwindows\u002FSKILL.md",[],[81],{"skillNo":86,"name":87,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":88,"categories":89,"keywords":91,"publishedAt":18},"01M6FKJ666BEEFC3AE9GJ72Q93","whiteboard","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwhiteboard\u002FSKILL.md",[90],{"categoryNo":52,"categoryName":53,"taxonomyType":54,"taxonomyTypeDesc":55},[87],{"skillNo":93,"name":94,"nameZh":6,"description":6,"descriptionZh":6,"repositoryFullName":7,"ownerLogin":8,"ownerAvatarUrl":9,"ownerAccountNo":10,"ownerDisplayName":11,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":95,"categories":96,"keywords":97,"publishedAt":18},"01M6FKJ21WFCDGTJQ2Q91T9DVW","websockets","https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fzoom\u002Fskills\u002Fwebsockets\u002FSKILL.md",[],[94]]