[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6FDHCB2XY660YQ91SV6GRVR":3,"skill-same:01M6FDHCB2XY660YQ91SV6GRVR":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},"01M6FDHCB2XY660YQ91SV6GRVR","bolder",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\u002Fbolder\u002FSKILL.md",[],[5],"2026-11-10 10:12:30",false,"Increase visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.\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 AI slop.\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 safe or boring:\n\n1. **Identify weakness sources**:\n   - **Generic choices**: System fonts, basic colors, standard layouts\n   - **Timid scale**: Everything is medium-sized with no drama\n   - **Low contrast**: Everything has similar visual weight\n   - **Static**: No motion, no energy, no life\n   - **Predictable**: Standard patterns with no surprises\n   - **Flat hierarchy**: Nothing stands out or commands attention\n\n2. **Understand the context**:\n   - What's the brand personality? (How far can we push?)\n   - What's the purpose? (Marketing can be bolder than financial dashboards)\n   - Who's the audience? (What will resonate?)\n   - What are the constraints? (Brand guidelines, accessibility, performance)\n\nIf any of these are unclear from the codebase, {{ask_instruction}}\n\n**CRITICAL**: \"Bolder\" doesn't mean chaotic or garish. It means distinctive, memorable, and confident. Think intentional drama, not random chaos.\n\n**WARNING - AI SLOP TRAP**: When making things \"bolder,\" AI defaults to the same tired tricks: cyan\u002Fpurple gradients, glassmorphism, neon accents on dark backgrounds, gradient text on metrics. These are the OPPOSITE of bold—they're generic. Review ALL the DON'T guidelines in the frontend-design skill before proceeding. Bold means distinctive, not \"more effects.\"\n\n## Plan Amplification\n\nCreate a strategy to increase impact while maintaining coherence:\n\n- **Focal point**: What should be the hero moment? (Pick ONE, make it amazing)\n- **Personality direction**: Maximalist chaos? Elegant drama? Playful energy? Dark moody? Choose a lane.\n- **Risk budget**: How experimental can we be? Push boundaries within constraints.\n- **Hierarchy amplification**: Make big things BIGGER, small things smaller (increase contrast)\n\n**IMPORTANT**: Bold design must still be usable. Impact without function is just decoration.\n\n## Amplify the Design\n\nSystematically increase impact across these dimensions:\n\n### Typography Amplification\n- **Replace generic fonts**: Swap system fonts for distinctive choices (see frontend-design skill for inspiration)\n- **Extreme scale**: Create dramatic size jumps (3x-5x differences, not 1.5x)\n- **Weight contrast**: Pair 900 weights with 200 weights, not 600 with 400\n- **Unexpected choices**: Variable fonts, display fonts for headlines, condensed\u002Fextended widths, monospace as intentional accent (not as lazy \"dev tool\" default)\n\n### Color Intensification\n- **Increase saturation**: Shift to more vibrant, energetic colors (but not neon)\n- **Bold palette**: Introduce unexpected color combinations—avoid the purple-blue gradient AI slop\n- **Dominant color strategy**: Let one bold color own 60% of the design\n- **Sharp accents**: High-contrast accent colors that pop\n- **Tinted neutrals**: Replace pure grays with tinted grays that harmonize with your palette\n- **Rich gradients**: Intentional multi-stop gradients (not generic purple-to-blue)\n\n### Spatial Drama\n- **Extreme scale jumps**: Make important elements 3-5x larger than surroundings\n- **Break the grid**: Let hero elements escape containers and cross boundaries\n- **Asymmetric layouts**: Replace centered, balanced layouts with tension-filled asymmetry\n- **Generous space**: Use white space dramatically (100-200px gaps, not 20-40px)\n- **Overlap**: Layer elements intentionally for depth\n\n### Visual Effects\n- **Dramatic shadows**: Large, soft shadows for elevation (but not generic drop shadows on rounded rectangles)\n- **Background treatments**: Mesh patterns, noise textures, geometric patterns, intentional gradients (not purple-to-blue)\n- **Texture & depth**: Grain, halftone, duotone, layered elements—NOT glassmorphism (it's overused AI slop)\n- **Borders & frames**: Thick borders, decorative frames, custom shapes (not rounded rectangles with colored border on one side)\n- **Custom elements**: Illustrative elements, custom icons, decorative details that reinforce brand\n\n### Motion & Animation\n- **Entrance choreography**: Staggered, dramatic page load animations with 50-100ms delays\n- **Scroll effects**: Parallax, reveal animations, scroll-triggered sequences\n- **Micro-interactions**: Satisfying hover effects, click feedback, state changes\n- **Transitions**: Smooth, noticeable transitions using ease-out-quart\u002Fquint\u002Fexpo (not bounce or elastic—they cheapen the effect)\n\n### Composition Boldness\n- **Hero moments**: Create clear focal points with dramatic treatment\n- **Diagonal flows**: Escape horizontal\u002Fvertical rigidity with diagonal arrangements\n- **Full-bleed elements**: Use full viewport width\u002Fheight for impact\n- **Unexpected proportions**: Golden ratio? Throw it out. Try 70\u002F30, 80\u002F20 splits\n\n**NEVER**:\n- Add effects randomly without purpose (chaos ≠ bold)\n- Sacrifice readability for aesthetics (body text must be readable)\n- Make everything bold (then nothing is bold - need contrast)\n- Ignore accessibility (bold design must still meet WCAG standards)\n- Overwhelm with motion (animation fatigue is real)\n- Copy trendy aesthetics blindly (bold means distinctive, not derivative)\n\n## Verify Quality\n\nEnsure amplification maintains usability and coherence:\n\n- **NOT AI slop**: Does this look like every other AI-generated \"bold\" design? If yes, start over.\n- **Still functional**: Can users accomplish tasks without distraction?\n- **Coherent**: Does everything feel intentional and unified?\n- **Memorable**: Will users remember this experience?\n- **Performant**: Do all these effects run smoothly?\n- **Accessible**: Does it still meet accessibility standards?\n\n**The test**: If you showed this to someone and said \"AI made this bolder,\" would they believe you immediately? If yes, you've failed. Bold means distinctive, not \"more AI effects.\"\n\nRemember: Bold design is confident design. It takes risks, makes statements, and creates memorable experiences. But bold without strategy is just loud. Be intentional, be dramatic, be unforgettable.\n",{},"main","def8531e65114c0fca8fb8551c1871ee0eed705c","skills\u002Fmxyhi\u002Fok-skills\u002Fbolder",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 bolder",{"tool":37,"command":38},"bunx","bunx skills add ComeOnOliver\u002Fskillshub --skill bolder",{"tool":40,"command":41},"pnpm","pnpm dlx skills add ComeOnOliver\u002Fskillshub --skill bolder","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FComeOnOliver\u002Fskillshub\u002Fblob\u002Fmain\u002Fskills\u002Fmxyhi\u002Fok-skills\u002Fbolder\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]]