[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6KJW07KHT6J9WSV7S239H2B":3,"skill-same:01M6KJW07KHT6J9WSV7S239H2B":70},{"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":22,"publishedAt":43,"linkOnly":44,"markdownContent":45,"markdownBody":46,"frontMatter":47,"refName":48,"commitSha":49,"skillDirectory":50,"forksCount":51,"repositoryHtmlUrl":52,"repositoryHomepageUrl":53,"ownerHtmlUrl":54,"ownerBlogUrl":6,"ownerDescription":6,"updatedAt":55,"install":56,"resources":69},"01M6KJW07KHT6J9WSV7S239H2B","technical-poster-generator",null,"Generate technical exploded-view posters of hardware devices using Python Pillow. Use this skill when creating engineering diagrams, exploded-view illustrations, hardware layer breakdowns, or technical documentation posters programmatically. Triggers on: exploded view, technical poster, hardware diagram, device layers.","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\u002Fb4-skill-creator-claude-opus-4-6\u002Fanthropic-poster-design\u002Ftechnical-poster-generator\u002FSKILL.md",[17],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",[23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"technical poster generator","generator","technical","poster","device","layers","layer","pillow","exploded view","triggers","hardware","python","diagrams","use","view","devices","engineering","generate","diagram","documentation","2026-11-10 10:12:30",false,"---\nname: technical-poster-generator\ndescription: >\n  Generate technical exploded-view posters of hardware devices using Python Pillow.\n  Use this skill when creating engineering diagrams, exploded-view illustrations,\n  hardware layer breakdowns, or technical documentation posters programmatically.\n  Triggers on: exploded view, technical poster, hardware diagram, device layers.\n---\n\n# Technical Poster Generator\n\n## Approach\n\nUse Python with Pillow (PIL) to draw an exploded-view diagram. Each hardware layer is\nrendered as a rounded rectangle or shaped polygon, vertically offset to create the\n\"exploded\" separation effect.\n\n## Exploded-View Construction\n\n### Layer Stack (top to bottom, with vertical gaps)\n1. **Outer Casing** — largest footprint, rounded corners, dark fill\n2. **Thermal Management Unit** — slightly inset, distinct accent color\n3. **PCB (Printed Circuit Board)** — inset further, with circuit-trace detail hints\n4. **Battery Pack** — compact rectangle, neutral\u002Fdark fill\n5. **Interface \u002F Connector Board** — smallest, with highlighted connector points\n\n### Drawing Strategy\n- Canvas: 2400×3200px (portrait, print-quality at 300 DPI ≈ 8×10.7 inches)\n- Each layer: rounded rectangle with 2-4px border\n- Vertical gap between layers: 60-80px to show separation\n- Slight horizontal offset or perspective shift (optional) for depth\n- Annotation leader lines: thin horizontal lines from layer edge to text labels\n\n### Annotation Pattern\n- Draw a thin line (1.5px) from the layer's right edge to a text label\n- Use small dots at the line origin on the layer\n- Label text: component name + brief spec (e.g., \"PCB — 6-Layer FR4\")\n\n### Title Block\n- Position: top-left corner, with generous padding\n- Large bold text for product name\n- Smaller subtitle line below (e.g., \"Technical Exploded View\")\n\n### Python Libraries\n- `PIL` \u002F `Pillow` for rendering\n- `PIL.ImageDraw` for shapes and lines\n- `PIL.ImageFont` for typography (use truetype fonts when available)\n\n### Code Pattern\n```python\nfrom PIL import Image, ImageDraw, ImageFont\n\nimg = Image.new('RGB', (2400, 3200), background_color)\ndraw = ImageDraw.Draw(img)\n\n# Draw layers bottom-up so upper layers visually overlap if needed\nfor layer in reversed(layers):\n    draw.rounded_rectangle(layer.bbox, radius=12, fill=layer.color, outline=layer.border)\n\n# Add annotation lines and labels\n# Save\nimg.save('output.png', quality=95)\n```\n","# Technical Poster Generator\n\n## Approach\n\nUse Python with Pillow (PIL) to draw an exploded-view diagram. Each hardware layer is\nrendered as a rounded rectangle or shaped polygon, vertically offset to create the\n\"exploded\" separation effect.\n\n## Exploded-View Construction\n\n### Layer Stack (top to bottom, with vertical gaps)\n1. **Outer Casing** — largest footprint, rounded corners, dark fill\n2. **Thermal Management Unit** — slightly inset, distinct accent color\n3. **PCB (Printed Circuit Board)** — inset further, with circuit-trace detail hints\n4. **Battery Pack** — compact rectangle, neutral\u002Fdark fill\n5. **Interface \u002F Connector Board** — smallest, with highlighted connector points\n\n### Drawing Strategy\n- Canvas: 2400×3200px (portrait, print-quality at 300 DPI ≈ 8×10.7 inches)\n- Each layer: rounded rectangle with 2-4px border\n- Vertical gap between layers: 60-80px to show separation\n- Slight horizontal offset or perspective shift (optional) for depth\n- Annotation leader lines: thin horizontal lines from layer edge to text labels\n\n### Annotation Pattern\n- Draw a thin line (1.5px) from the layer's right edge to a text label\n- Use small dots at the line origin on the layer\n- Label text: component name + brief spec (e.g., \"PCB — 6-Layer FR4\")\n\n### Title Block\n- Position: top-left corner, with generous padding\n- Large bold text for product name\n- Smaller subtitle line below (e.g., \"Technical Exploded View\")\n\n### Python Libraries\n- `PIL` \u002F `Pillow` for rendering\n- `PIL.ImageDraw` for shapes and lines\n- `PIL.ImageFont` for typography (use truetype fonts when available)\n\n### Code Pattern\n```python\nfrom PIL import Image, ImageDraw, ImageFont\n\nimg = Image.new('RGB', (2400, 3200), background_color)\ndraw = ImageDraw.Draw(img)\n\n# Draw layers bottom-up so upper layers visually overlap if needed\nfor layer in reversed(layers):\n    draw.rounded_rectangle(layer.bbox, radius=12, fill=layer.color, outline=layer.border)\n\n# Add annotation lines and labels\n# Save\nimg.save('output.png', quality=95)\n```\n",{"name":5,"description":7},"main","726e1f79b96b0cb3d729d0e55a1c847e0b5353ae","skills\u002Fb4-skill-creator-claude-opus-4-6\u002Fanthropic-poster-design\u002Ftechnical-poster-generator",7,"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":57,"prompt":67,"zipAvailable":68},[58,61,64],{"tool":59,"command":60},"npx","npx skills add cxcscmu\u002FSkillLearnBench --skill technical-poster-generator",{"tool":62,"command":63},"bunx","bunx skills add cxcscmu\u002FSkillLearnBench --skill technical-poster-generator",{"tool":65,"command":66},"pnpm","pnpm dlx skills add cxcscmu\u002FSkillLearnBench --skill technical-poster-generator","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fcxcscmu\u002FSkillLearnBench\u002Fblob\u002Fmain\u002Fskills\u002Fb4-skill-creator-claude-opus-4-6\u002Fanthropic-poster-design\u002Ftechnical-poster-generator\u002FSKILL.md",true,[],[71,87,112,130,150,162],{"skillNo":72,"name":73,"nameZh":6,"description":74,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":75,"categories":76,"keywords":80,"publishedAt":43},"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",[77],{"categoryNo":78,"categoryName":79,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000016","图像与多媒体",[81,82,83,84,85,86],"object counter","object","vision","computer","Computer Vision","image",{"skillNo":88,"name":89,"nameZh":6,"description":90,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":91,"categories":92,"keywords":96,"publishedAt":43},"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",[93],{"categoryNo":94,"categoryName":95,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000023","Skill与智能体开发",[97,98,99,100,101,102,103,104,105,106,107,108,109,110,111],"workflow","planning","planning workflow","travel","travel planning","travel planning workflow","structured","performing","plan","for","user","it","requirements","essential","itineraries",{"skillNo":113,"name":114,"nameZh":6,"description":115,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":116,"categories":117,"keywords":118,"publishedAt":43},"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",[],[119,120,121,122,123,124,125,100,126,127,101,128,106,129,98],"search","tool","dataset","bundled dataset search tool","restaurants","Tools","up","look","flights","you","database",{"skillNo":131,"name":132,"nameZh":6,"description":133,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":134,"categories":135,"keywords":136,"publishedAt":43},"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",[],[137,138,139,106,140,141,142,143,144,145,146,147,128,148,149],"glm output","output","glm","tasks","metrics","json","basics","guidance","matching","verifier","processing","root","calibration",{"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":157,"publishedAt":43},"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",[156],{"categoryNo":94,"categoryName":95,"taxonomyType":20,"taxonomyTypeDesc":21},[158,149,139,138,144,143,140,159,160,106,161],"glm calibration","setup","companion","metric",{"skillNo":163,"name":164,"nameZh":6,"description":165,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":6,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":166,"categories":167,"keywords":168,"publishedAt":43},"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",[],[169,139,143,170,158,149,106,138,171,172,173,36,174,175,140],"glm basics","inspect","relevant","files","good","how","Evaluation"]