[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6KFEBKMHYYE4BW83PYV5MC9":3,"skill-same:01M6KFEBKMHYYE4BW83PYV5MC9":57},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":17,"publishedAt":30,"linkOnly":31,"markdownContent":32,"markdownBody":33,"frontMatter":34,"refName":35,"commitSha":36,"skillDirectory":37,"forksCount":38,"repositoryHtmlUrl":39,"repositoryHomepageUrl":40,"ownerHtmlUrl":41,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":42,"install":43,"resources":56},"01M6KFEBKMHYYE4BW83PYV5MC9","run2_exploded-view-layout",null,"Improved layout strategy for technical exploded-view diagrams with better spacing and visual balance.","cxcscmu\u002FSkillLearnBench","cxcscmu","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F142838272?v=4","01M6KCQDFQWPDSN0MKZY96MSQP","01M6KCQDM7G70TKJ28NTSQC0RZ",93,"MIT","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fb2-self-feedback-claude-opus-4-6\u002Fanthropic-poster-design\u002Frun2_exploded-view-layout\u002FSKILL.md",[],[18,19,20,21,22,23,24,25,26,27,28,29],"view","layout","exploded view","run2 exploded view layout","technical","strategy","diagrams","visual","with","spacing","balance","for","2026-11-10 10:12:30",false,"---\nname: run2_exploded-view-layout\ndescription: Improved layout strategy for technical exploded-view diagrams with better spacing and visual balance.\n---\n\n# Exploded-View Layout — Improved Strategy\n\n## Key Improvement: Vertical Distribution\nInstead of fixed START_Y with large bottom gap, calculate layout to fill the available space between header and footer zones.\n\n```\nheader_zone = 0 to ~350px (title, subtitle, separator)\ncontent_zone = 400px to (H - 350px) (layers + gaps)\nfooter_zone = last 300px (metadata, scale bar)\n```\n\n### Dynamic Gap Calculation\n```python\navailable_h = footer_y - header_end_y - padding\ntotal_layer_h = sum(layer['height'] for layer in layers)\ngap = (available_h - total_layer_h) \u002F\u002F (len(layers) - 1)\n# Clamp gap to reasonable range\ngap = max(80, min(gap, 250))\n```\n\n## Layer Stack (5 layers, top to bottom)\n1. **Outer Casing** (160px) — Corporate Dark #141413, vent slots\n2. **Thermal Management** (100px) — Secondary Accent #CC785C, heat channels\n3. **PCB Assembly** (140px) — Tertiary Accent #EDA100, chips + traces\n4. **Battery Pack** (110px) — Dark neutral #4A4A48, cell outlines\n5. **Interface Board** (90px) — Dark neutral w\u002F Primary Accent #D97757 connectors\n\n## Annotation Positioning\n- All labels right-aligned at a consistent x-position\n- Leader line starts at layer right edge + 10px\n- Leader line ends at label x - 20px\n- Label name: bold, 30px, corporate dark\n- Description: regular, 24px, muted gray, 1-2 lines\n\n## Isometric Depth Cues\n- Each layer slightly narrower than the one above: -20px per layer\n- OR all same width for clean engineering aesthetic (preferred for minimalist style)\n- Subtle shadow beneath each layer using cream-dark (#D5D3C9)\n\n## Additional Polish\n- Part numbers (e.g., \"NV-001\") next to each layer\n- Hatching\u002Fcrosshatch patterns for material indication\n- Dimension callouts on select layers\n- Exploded offset consistent (same gap throughout)\n","# Exploded-View Layout — Improved Strategy\n\n## Key Improvement: Vertical Distribution\nInstead of fixed START_Y with large bottom gap, calculate layout to fill the available space between header and footer zones.\n\n```\nheader_zone = 0 to ~350px (title, subtitle, separator)\ncontent_zone = 400px to (H - 350px) (layers + gaps)\nfooter_zone = last 300px (metadata, scale bar)\n```\n\n### Dynamic Gap Calculation\n```python\navailable_h = footer_y - header_end_y - padding\ntotal_layer_h = sum(layer['height'] for layer in layers)\ngap = (available_h - total_layer_h) \u002F\u002F (len(layers) - 1)\n# Clamp gap to reasonable range\ngap = max(80, min(gap, 250))\n```\n\n## Layer Stack (5 layers, top to bottom)\n1. **Outer Casing** (160px) — Corporate Dark #141413, vent slots\n2. **Thermal Management** (100px) — Secondary Accent #CC785C, heat channels\n3. **PCB Assembly** (140px) — Tertiary Accent #EDA100, chips + traces\n4. **Battery Pack** (110px) — Dark neutral #4A4A48, cell outlines\n5. **Interface Board** (90px) — Dark neutral w\u002F Primary Accent #D97757 connectors\n\n## Annotation Positioning\n- All labels right-aligned at a consistent x-position\n- Leader line starts at layer right edge + 10px\n- Leader line ends at label x - 20px\n- Label name: bold, 30px, corporate dark\n- Description: regular, 24px, muted gray, 1-2 lines\n\n## Isometric Depth Cues\n- Each layer slightly narrower than the one above: -20px per layer\n- OR all same width for clean engineering aesthetic (preferred for minimalist style)\n- Subtle shadow beneath each layer using cream-dark (#D5D3C9)\n\n## Additional Polish\n- Part numbers (e.g., \"NV-001\") next to each layer\n- Hatching\u002Fcrosshatch patterns for material indication\n- Dimension callouts on select layers\n- Exploded offset consistent (same gap throughout)\n",{"name":5,"description":7},"main","726e1f79b96b0cb3d729d0e55a1c847e0b5353ae","skills\u002Fb2-self-feedback-claude-opus-4-6\u002Fanthropic-poster-design\u002Frun2_exploded-view-layout",8,"https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench","https:\u002F\u002Fcxcscmu.github.io\u002FSkillLearnBench","https:\u002F\u002Fgithub.com\u002Fcxcscmu","2026-10-02 22:55:36",{"source":8,"skillName":5,"commands":44,"prompt":54,"zipAvailable":55},[45,48,51],{"tool":46,"command":47},"npx","npx skills add cxcscmu\u002FSkillLearnBench --skill run2_exploded-view-layout",{"tool":49,"command":50},"bunx","bunx skills add cxcscmu\u002FSkillLearnBench --skill run2_exploded-view-layout",{"tool":52,"command":53},"pnpm","pnpm dlx skills add cxcscmu\u002FSkillLearnBench --skill run2_exploded-view-layout","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fb2-self-feedback-claude-opus-4-6\u002Fanthropic-poster-design\u002Frun2_exploded-view-layout\u002FSKILL.md",true,[],[58,76,100,118,138,150],{"skillNo":59,"name":60,"nameZh":6,"description":61,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":62,"categories":63,"keywords":69,"publishedAt":30},"01M6KM5KH175P5ABP5JMX2SBDQ","object_counter","Count occurrences of an object in the image using computer vision algorithm.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Fvideo-object-counting\u002Fobject_counter\u002FSKILL.md",[64],{"categoryNo":65,"categoryName":66,"taxonomyType":67,"taxonomyTypeDesc":68},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[70,71,72,73,74,75],"object counter","object","vision","computer","Computer Vision","image",{"skillNo":77,"name":78,"nameZh":6,"description":79,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":80,"categories":81,"keywords":85,"publishedAt":30},"01M6KM51TMVXG79MMPCS6Y8G86","travel-planning-workflow","Invoke this skill when performing travel planning. It defines a structured workflow for generating itineraries. Following this workflow is essential to ensure the final plan satisfies user requirements.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftravel-planning\u002Ftravel-planning-workflow\u002FSKILL.md",[82],{"categoryNo":83,"categoryName":84,"taxonomyType":67,"taxonomyTypeDesc":68},"01JBSEEDCAT000000000000023","Skill与智能体开发",[86,87,88,89,90,91,92,93,94,29,95,96,97,98,99],"workflow","planning","planning workflow","travel","travel planning","travel planning workflow","structured","performing","plan","user","it","requirements","essential","itineraries",{"skillNo":101,"name":102,"nameZh":6,"description":103,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":104,"categories":105,"keywords":106,"publishedAt":30},"01M6KM4DY820XHS9YTSK5QP5HD","bundled-dataset-search-tool","invoke this skill when you need to perform database search for travel planning. This skill provides some useful pre-packaged tools to look up accommodations, attractions, cities, driving distance, flights, and restaurants from the bundled dataset.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftravel-planning\u002Fbundled-dataset-search-tool\u002FSKILL.md",[],[107,108,109,110,111,112,113,89,114,115,90,116,29,117,87],"search","tool","dataset","bundled dataset search tool","restaurants","Tools","up","look","flights","you","database",{"skillNo":119,"name":120,"nameZh":6,"description":121,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":122,"categories":123,"keywords":124,"publishedAt":30},"01M6KM465BB9PQ0B548HQSVAWZ","glm-output","Output-processing guidance for GLM tasks. Especially useful after glm-basics and glm-calibration when you need verifier-matching metrics from output.nc and a final \u002Froot\u002Fmetrics.json.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftemperature-simulation\u002Fglm-output\u002FSKILL.md",[],[125,126,127,29,128,129,130,131,132,133,134,135,116,136,137],"glm output","output","glm","tasks","metrics","json","basics","guidance","matching","verifier","processing","root","calibration",{"skillNo":139,"name":140,"nameZh":6,"description":141,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":142,"categories":143,"keywords":145,"publishedAt":30},"01M6KM40KY3QWDW5W97S39R2BC","glm-calibration","Calibration guidance for GLM tasks. Often most effective after glm-basics has clarified the setup; glm-output is the companion skill for exact final metric computation.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftemperature-simulation\u002Fglm-calibration\u002FSKILL.md",[144],{"categoryNo":83,"categoryName":84,"taxonomyType":67,"taxonomyTypeDesc":68},[146,137,127,126,132,131,128,147,148,29,149],"glm calibration","setup","companion","metric",{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":154,"categories":155,"keywords":156,"publishedAt":30},"01M6KM3VHHVSGMGHJQB3PPT6YG","glm-basics","A good starting point for GLM calibration tasks. Use to inspect glm3.nml, confirm how GLM runs, and identify the relevant files before moving on to calibration and output evaluation.","https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fhuman_authored\u002Ftemperature-simulation\u002Fglm-basics\u002FSKILL.md",[],[157,127,131,158,146,137,29,126,159,160,161,162,163,164,128],"glm basics","inspect","relevant","files","good","use","how","Evaluation"]