[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M71SRMDBTFB7RYWJYPFSH6VB":3,"skill-same:01M71SRMDBTFB7RYWJYPFSH6VB":88},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":34,"publishedAt":55,"linkOnly":56,"markdownContent":57,"markdownBody":58,"frontMatter":59,"refName":64,"commitSha":65,"skillDirectory":66,"forksCount":67,"repositoryHtmlUrl":68,"repositoryHomepageUrl":69,"ownerHtmlUrl":70,"ownerBlogUrl":71,"ownerDescription":72,"updatedAt":73,"install":74,"resources":87},"01M71SRMDBTFB7RYWJYPFSH6VB","template-render",null,"Render a Template + data + Style into a final artifact in one of HTML, PDF, PNG, SVG or PPTX. Use whenever the user asks for a concrete deliverable like \"make me a poster\", \"render a card\", \"give me a one-pager\".","clawic\u002FClawix","clawic","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F260442073?v=4","01M71SK22K8AQ01VDMSY531Y1Y","Clawic","01M71SK23S500EBSASK8CHHVK6",8,"MIT","https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Ftemplate-render\u002FSKILL.md",[18,23,26,29],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000002","文档处理","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000003","演示文稿",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体",{"categoryNo":30,"categoryName":31,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000034","行政与办公人员","PROFESSION","适用职业",[35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54],"template","render","template render","png","user","html","one","deliverable","use","data","poster","card","for","SVG","style","pptx","artifact","PDF","me","one-pager","2026-11-10 13:02:02",false,"---\nname: template-render\ndescription: Render a Template + data + Style into a final artifact in one of HTML, PDF, PNG, SVG or PPTX. Use whenever the user asks for a concrete deliverable like \"make me a poster\", \"render a card\", \"give me a one-pager\".\nkeywords: [render, template, output, pdf, png, svg, pptx, deliverable]\n---\n\n# template-render\n\nThe standard recipe for producing a deliverable from a Template and a Style.\n\n## Procedure\n\n1. Pick a Template:\n   - If the user names a category (\"a poster\", \"a card\"), list candidates: `claw template list --category \u003Ccat>`.\n   - If they describe a use-case, match by tags or name.\n2. Pick a Style:\n   - If they reference a brand or saved style, use that.\n   - Otherwise default to the workspace's primary Style (often the first non-builtin or `claw`).\n3. Compose data:\n   - Read the template's slots from `claw template get \u003Cid>`.\n   - For each slot, write a JSON field with `id` as the key.\n   - Respect `maxLength`, `maxItems`, `required`.\n4. Render:\n   ```\n   claw template render \u003CtemplateId> --style \u003CstyleId> --data data.json --format pdf,png --out .\u002Fdeliverable\n   ```\n5. Report back: the paths produced and a sentence describing what is in each.\n\n## Formats\n\n| Format | Renderer | Notes |\n|---|---|---|\n| html | direct | Canonical, fastest, no deps. |\n| svg | wraps html in `\u003CforeignObject>` | Use for scalable vector. |\n| pdf | Playwright (Chromium) | Falls back to a minimal Node PDF if Playwright is unavailable. |\n| png | Playwright (Chromium) | 2x deviceScaleFactor. |\n| pptx | OpenXML (Node only) | Minimal one-slide PPTX. Best for `presentation` category. |\n\n## Constraints\n\n- Never hard-code style values into the data. The Style is the source of truth for color and typography.\n- If the template declares `outputs` and the requested format is not in the list, fail with a clear error.\n- Generated outputs go under `.claw\u002Ftemplates\u002F\u003CtemplateId>\u002Foutputs\u002F` unless `--out` is specified.\n","# template-render\n\nThe standard recipe for producing a deliverable from a Template and a Style.\n\n## Procedure\n\n1. Pick a Template:\n   - If the user names a category (\"a poster\", \"a card\"), list candidates: `claw template list --category \u003Ccat>`.\n   - If they describe a use-case, match by tags or name.\n2. Pick a Style:\n   - If they reference a brand or saved style, use that.\n   - Otherwise default to the workspace's primary Style (often the first non-builtin or `claw`).\n3. Compose data:\n   - Read the template's slots from `claw template get \u003Cid>`.\n   - For each slot, write a JSON field with `id` as the key.\n   - Respect `maxLength`, `maxItems`, `required`.\n4. Render:\n   ```\n   claw template render \u003CtemplateId> --style \u003CstyleId> --data data.json --format pdf,png --out .\u002Fdeliverable\n   ```\n5. Report back: the paths produced and a sentence describing what is in each.\n\n## Formats\n\n| Format | Renderer | Notes |\n|---|---|---|\n| html | direct | Canonical, fastest, no deps. |\n| svg | wraps html in `\u003CforeignObject>` | Use for scalable vector. |\n| pdf | Playwright (Chromium) | Falls back to a minimal Node PDF if Playwright is unavailable. |\n| png | Playwright (Chromium) | 2x deviceScaleFactor. |\n| pptx | OpenXML (Node only) | Minimal one-slide PPTX. Best for `presentation` category. |\n\n## Constraints\n\n- Never hard-code style values into the data. The Style is the source of truth for color and typography.\n- If the template declares `outputs` and the requested format is not in the list, fail with a clear error.\n- Generated outputs go under `.claw\u002Ftemplates\u002F\u003CtemplateId>\u002Foutputs\u002F` unless `--out` is specified.\n",{"name":5,"keywords":60,"description":7},[36,35,61,62,38,63,50,42],"output","pdf","svg","main","26b22a693141263d55cf916e06cee81026b270ca","skills\u002Ftemplate-render",0,"https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix","https:\u002F\u002Fclawix.com","https:\u002F\u002Fgithub.com\u002Fclawic","https:\u002F\u002Fclawic.com","The open-source interface, framework, and skills for agents","2026-06-06 17:20:04",{"source":8,"skillName":5,"commands":75,"prompt":85,"zipAvailable":86},[76,79,82],{"tool":77,"command":78},"npx","npx skills add clawic\u002FClawix --skill template-render",{"tool":80,"command":81},"bunx","bunx skills add clawic\u002FClawix --skill template-render",{"tool":83,"command":84},"pnpm","pnpm dlx skills add clawic\u002FClawix --skill template-render","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Ftemplate-render\u002FSKILL.md",true,[],[89,109,136,158,180,207],{"skillNo":90,"name":91,"nameZh":6,"description":92,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":93,"categories":94,"keywords":95,"publishedAt":55},"01M71SS08XCQF9G9KSNZ75NA0V","visual-regression","Run and interpret Clawix UI geometry, screenshot, protected-surface, and debt-baseline checks without authorizing visual repair.","https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Fvisual-regression\u002FSKILL.md",[],[96,97,98,99,100,101,102,103,104,105,106,107,108],"visual regression","regression","visual","clawix","repair","run","baseline","geometry","debt","screenshot","ui","surface","screenshots",{"skillNo":110,"name":111,"nameZh":6,"description":112,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":113,"categories":114,"keywords":121,"publishedAt":55},"01M71SRXFKRDB3ZDJYGJVFJ40Q","ui-performance-budget","Capture and compare Clawix UI performance budgets for critical flows before optimizing visible or runtime UI behavior.","https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Fui-performance-budget\u002FSKILL.md",[115,118],{"categoryNo":116,"categoryName":117,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000032","设计师",{"categoryNo":119,"categoryName":120,"taxonomyType":32,"taxonomyTypeDesc":33},"01JBSEEDCAT000000000000040","财务",[122,123,124,106,125,99,126,47,127,128,129,130,131,132,133,134,135],"ui performance budget","performance","Budget","budgets","latency","runtime","behavior","flows","hitches","traces","capture","critical","compare","performance budgets",{"skillNo":137,"name":138,"nameZh":6,"description":139,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":140,"categories":141,"keywords":143,"publishedAt":55},"01M71SRVPPK31H1RDB0DJ79GYB","ui-implementation","Implement functional Clawix UI wiring while respecting visual mutation boundaries, pattern contracts, protected surfaces, and debt baselines.","https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Fui-implementation\u002FSKILL.md",[142],{"categoryNo":116,"categoryName":117,"taxonomyType":32,"taxonomyTypeDesc":33},[144,145,106,146,99,147,148,149,150,151,152,104,153,98,154,155,156,157],"ui implementation","implementation","state","functional","baselines","surfaces","validation","pattern","boundaries","mutation","contracts","implement","wiring","functional-ui",{"skillNo":159,"name":160,"nameZh":6,"description":161,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":162,"categories":163,"keywords":165,"publishedAt":55},"01M71SRSJY80G228GG4YEZKVE7","ui-canon-review","Review whether a Clawix UI pattern, visual decision, copy change, or component extraction belongs in canon, debt, exception, or protected-surface scope.","https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Fui-canon-review\u002FSKILL.md",[164],{"categoryNo":116,"categoryName":117,"taxonomyType":32,"taxonomyTypeDesc":33},[166,167,106,168,99,169,170,171,172,151,173,174,175,104,176,177,107,98,178,179],"canon","ui canon review","review","change","component","scope","decision","interface","ui pattern","registry","copy","component extraction","extraction","approval",{"skillNo":181,"name":182,"nameZh":6,"description":183,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":184,"categories":185,"keywords":189,"publishedAt":55},"01M71SRPKYN0R0CWJ5202MH63R","theme-factory","Produce variants of an existing Style by shifting tone (light\u002Fdark), density (compact\u002Frelaxed), or accent (palette rotation) while preserving the brand identity. Use when the user wants alternate themes derived from one brand.","https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Ftheme-factory\u002FSKILL.md",[186],{"categoryNo":187,"categoryName":188,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",[190,191,192,193,194,195,49,196,197,198,199,200,43,201,202,203,204,41,205,206],"theme","theme factory","factory","brand identity","palette","brand","dark","rotation","variants","produce","themes","Existing","compact","when","density","tone","identity",{"skillNo":208,"name":209,"nameZh":6,"description":210,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":211,"categories":212,"keywords":213,"publishedAt":55},"01M71SRJ1DW9ZH01T2JPNSNCN9","surface-route-work","Work from a registered surface or transverse route by inspecting nodes, neighbors, edges, contracts, owners, tests, and gaps before editing.","https:\u002F\u002Fgithub.com\u002Fclawic\u002FClawix\u002Fblob\u002Fmain\u002Fskills\u002Fsurface-route-work\u002FSKILL.md",[],[214,215,107,216,217,218,127,219,220,221,222,223,154,224,225],"route","work","surface route work","Nodes","bridge","editing","relay","tests","owners","ownership","gaps","graph"]