[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M698SY6919XYYSS8HJW7P88Z":3,"skill-same:01M698SY6919XYYSS8HJW7P88Z":98},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":15,"categories":16,"keywords":27,"publishedAt":47,"linkOnly":48,"markdownContent":49,"markdownBody":50,"frontMatter":51,"refName":52,"commitSha":53,"skillDirectory":54,"forksCount":55,"repositoryHtmlUrl":56,"repositoryHomepageUrl":57,"ownerHtmlUrl":58,"ownerBlogUrl":59,"ownerDescription":60,"updatedAt":61,"install":62,"resources":75},"01M698SY6919XYYSS8HJW7P88Z","openclaw-carapace",null,"Build or modify OpenClaw application UI using canonical semantic tokens, themes, shared CSS foundations, consumer adapters, and established local primitives. Use for product interfaces, component styling, theme work, or design-token integration.","openclaw\u002Fdocs","openclaw","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F252820863?v=4","01M698P3FSAZ6B4R928ZF19KPT","01M698SQ1GEEHQ1CHE8P0X5BQA",76,"MIT","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-carapace\u002FSKILL.md",[17,22],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000015","视觉设计","SCENARIO","使用场景",{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[9,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"openclaw carapace","carapace","component styling","design","for","foundations","theme","themes","tokens","token","shared","local","build","use","work","integration","product","component","css","2026-11-10 10:12:30",false,"---\nname: openclaw-carapace\ndescription: Build or modify OpenClaw application UI using canonical semantic tokens, themes, shared CSS foundations, consumer adapters, and established local primitives. Use for product interfaces, component styling, theme work, or design-token integration.\n---\n\n# Carapace\n\nUse the shared package for foundations and framework-neutral visual primitives.\nKeep consumer-specific behavior, data, routes, and layout composition local.\n\n## Workflow\n\n1. Read [tokens.md](references\u002Ftokens.md) before choosing colors, spacing, type, radii, or shadows.\n2. Read [consumer-adapters.md](references\u002Fconsumer-adapters.md) for the current framework.\n3. Read [application-surfaces.md](references\u002Fapplication-surfaces.md) when working on shells, panes, settings, or operational screens.\n4. Read [terminal-ui.md](references\u002Fterminal-ui.md) when designing or auditing a terminal interface.\n5. Read [embedded-surfaces.md](references\u002Fembedded-surfaces.md) when the surface renders inside a host frame, such as an MCP app.\n6. Inspect the consumer's existing shared primitives before creating a component.\n7. Use semantic tokens for UI intent; use palette primitives only for documented exceptions.\n8. Keep application behavior, routes, and information architecture unchanged unless the task says otherwise.\n9. Validate the affected routes with existing tests and real browser screenshots.\n\n## Interface Rules\n\n- Import the complete CSS contract or its focused exported entry points.\n- Compose shared classes from `components.css` before adding a one-off visual implementation.\n- Use local shared primitives before raw controls or one-off component implementations.\n- Keep one primary action per decision area.\n- Use familiar icons for icon-only commands and provide accessible names.\n- Use status colors for status, warning, success, error, and informational meaning.\n- Keep cards, controls, and repeated fixed-format elements dimensionally stable.\n- Avoid nested decorative cards and page sections styled as floating cards.\n- Keep surfaces, controls, and insets square through their semantic radius tokens.\n- Reserve round geometry for avatars, status dots, and other truly circular indicators.\n- Keep focus, hover, active, disabled, loading, and invalid states coherent.\n- Keep text within its container at supported viewport sizes.\n- Prefer dense, scan-friendly composition for operational product surfaces.\n- Share application anatomy across consumers without forcing web and native\n  implementations into pixel-identical layouts.\n\n## Ownership\n\nMove visual implementation into this repository when its interface is\nframework-neutral and useful across consumers. Keep runtime behavior and\nframework adapters local until at least two consumers need the same interface\nand behavior.\n","# Carapace\n\nUse the shared package for foundations and framework-neutral visual primitives.\nKeep consumer-specific behavior, data, routes, and layout composition local.\n\n## Workflow\n\n1. Read [tokens.md](references\u002Ftokens.md) before choosing colors, spacing, type, radii, or shadows.\n2. Read [consumer-adapters.md](references\u002Fconsumer-adapters.md) for the current framework.\n3. Read [application-surfaces.md](references\u002Fapplication-surfaces.md) when working on shells, panes, settings, or operational screens.\n4. Read [terminal-ui.md](references\u002Fterminal-ui.md) when designing or auditing a terminal interface.\n5. Read [embedded-surfaces.md](references\u002Fembedded-surfaces.md) when the surface renders inside a host frame, such as an MCP app.\n6. Inspect the consumer's existing shared primitives before creating a component.\n7. Use semantic tokens for UI intent; use palette primitives only for documented exceptions.\n8. Keep application behavior, routes, and information architecture unchanged unless the task says otherwise.\n9. Validate the affected routes with existing tests and real browser screenshots.\n\n## Interface Rules\n\n- Import the complete CSS contract or its focused exported entry points.\n- Compose shared classes from `components.css` before adding a one-off visual implementation.\n- Use local shared primitives before raw controls or one-off component implementations.\n- Keep one primary action per decision area.\n- Use familiar icons for icon-only commands and provide accessible names.\n- Use status colors for status, warning, success, error, and informational meaning.\n- Keep cards, controls, and repeated fixed-format elements dimensionally stable.\n- Avoid nested decorative cards and page sections styled as floating cards.\n- Keep surfaces, controls, and insets square through their semantic radius tokens.\n- Reserve round geometry for avatars, status dots, and other truly circular indicators.\n- Keep focus, hover, active, disabled, loading, and invalid states coherent.\n- Keep text within its container at supported viewport sizes.\n- Prefer dense, scan-friendly composition for operational product surfaces.\n- Share application anatomy across consumers without forcing web and native\n  implementations into pixel-identical layouts.\n\n## Ownership\n\nMove visual implementation into this repository when its interface is\nframework-neutral and useful across consumers. Keep runtime behavior and\nframework adapters local until at least two consumers need the same interface\nand behavior.\n",{"name":5,"description":7},"main","059566fdb03e2ca9ab0f19fae46cd159b80a93f2",".agents\u002Fskills\u002Fopenclaw-carapace",58,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs","https:\u002F\u002Fdocs.openclaw.ai","https:\u002F\u002Fgithub.com\u002Fopenclaw","https:\u002F\u002Fopenclaw.ai","Your personal, open source AI assistant.","2026-11-12 02:54:33",{"source":8,"skillName":5,"commands":63,"prompt":73,"zipAvailable":74},[64,67,70],{"tool":65,"command":66},"npx","npx skills add openclaw\u002Fdocs --skill openclaw-carapace",{"tool":68,"command":69},"bunx","bunx skills add openclaw\u002Fdocs --skill openclaw-carapace",{"tool":71,"command":72},"pnpm","pnpm dlx skills add openclaw\u002Fdocs --skill openclaw-carapace","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-carapace\u002FSKILL.md",true,[76,82,86,90,94],{"path":77,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":80,"sourceHtmlUrl":81},"references\u002Fapplication-surfaces.md","REFERENCE","参考文档",7969,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-carapace\u002Freferences\u002Fapplication-surfaces.md",{"path":83,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":84,"sourceHtmlUrl":85},"references\u002Fconsumer-adapters.md",2500,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-carapace\u002Freferences\u002Fconsumer-adapters.md",{"path":87,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":88,"sourceHtmlUrl":89},"references\u002Fembedded-surfaces.md",14652,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-carapace\u002Freferences\u002Fembedded-surfaces.md",{"path":91,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":92,"sourceHtmlUrl":93},"references\u002Fterminal-ui.md",9031,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-carapace\u002Freferences\u002Fterminal-ui.md",{"path":95,"resourceType":78,"resourceTypeDesc":79,"sizeBytes":96,"sourceHtmlUrl":97},"references\u002Ftokens.md",2919,"https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-carapace\u002Freferences\u002Ftokens.md",[99,129,150,168,192,213],{"skillNo":100,"name":101,"nameZh":6,"description":102,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":103,"categories":104,"keywords":111,"publishedAt":47},"01M698T4SF6GG9WV7A212WPXNA","openclaw-marketing-pages","Create or update OpenClaw public-page composition for websites, landing pages, content pages, ecosystem pages, and campaigns. Use for page structure, navigation, responsive layout, media, SEO presentation, or public-site visual polish.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-marketing-pages\u002FSKILL.md",[105,108],{"categoryNo":106,"categoryName":107,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":109,"categoryName":110,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000035","市场营销",[9,112,113,114,115,116,117,118,119,120,121,122,41,123,124,125,126,127,32,128],"openclaw marketing pages","marketing","pages","create","update","seo","Composition","Media","polish","page","landing","structure","visual","campaigns","layout","ecosystem","responsive layout",{"skillNo":130,"name":131,"nameZh":6,"description":132,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":133,"categories":134,"keywords":140,"publishedAt":47},"01M698T37Y1TJJJ91CFA6FAC48","openclaw-design","Route OpenClaw design work to canonical brand, Carapace product-interface, marketing-page, or design-audit guidance. Use when a task touches OpenClaw visual identity, shared CSS tokens, product UI, public web pages, or Carapace compliance.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-design\u002FSKILL.md",[135,136,137],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},{"categoryNo":138,"categoryName":139,"taxonomyType":25,"taxonomyTypeDesc":26},"01JBSEEDCAT000000000000037","律师与法务",[31,9,141,29,46,142,44,143,121,144,42,41,145,146,124,38,36,114,147,148,149],"openclaw design","web","compliance","brand","task","route","design-audit","interface","when",{"skillNo":151,"name":152,"nameZh":6,"description":153,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":154,"categories":155,"keywords":158,"publishedAt":47},"01M698T1PM5C4ZDXBC8CRCVQ3G","openclaw-design-system","Compatibility alias for existing OpenClaw installations that now applies Carapace semantic tokens, themes, shared CSS foundations, consumer adapters, and established local primitives.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-design-system\u002FSKILL.md",[156,157],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[31,9,159,141,160,161,29,46,162,163,39,38,36,164,165,35,33,166,32,167],"openclaw design system","design system","system","primitives","compatibility","alias","now","Adapters","Existing",{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":179,"publishedAt":47},"01M698SZXF1BTX29PHG9RT4MNT","openclaw-design-audit","Audit OpenClaw frontend code and rendered interfaces for Carapace drift, token misuse, primitive reimplementation, accessibility problems, responsive defects, and off-brand copy. Use for design reviews, compliance checks, or scheduled audit-and-fix workflows.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-design-audit\u002FSKILL.md",[174,177,178],{"categoryNo":175,"categoryName":176,"taxonomyType":20,"taxonomyTypeDesc":21},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[31,9,180,141,181,182,183,29,184,185,186,143,144,187,41,188,189,190,32,191],"openclaw design audit","audit","design audit","frontend","accessibility","workflows","code","fix","drift","reviews","scheduled","defects",{"skillNo":193,"name":194,"nameZh":6,"description":195,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":196,"categories":197,"keywords":200,"publishedAt":47},"01M698SWX0E4F6ZRW38E2YF5XK","openclaw-brand","Apply OpenClaw visual identity to typography, imagery, voice, documents, presentations, social graphics, and launch materials. Use when the task changes brand identity rather than ordinary product UI or public-page composition.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fopenclaw-brand\u002FSKILL.md",[198,199],{"categoryNo":18,"categoryName":19,"taxonomyType":20,"taxonomyTypeDesc":21},{"categoryNo":23,"categoryName":24,"taxonomyType":25,"taxonomyTypeDesc":26},[9,201,144,202,203,204,205,44,118,206,121,41,145,207,124,208,209,210,211,212,149],"openclaw brand","graphics","launch","documents","presentations","voice","social","imagery","brand identity","changes","materials","apply",{"skillNo":214,"name":215,"nameZh":6,"description":216,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":9,"repositoryNo":12,"starsCount":13,"licenseSpdxId":14,"licenseFileUrl":6,"sourceHtmlUrl":217,"categories":218,"keywords":219,"publishedAt":47},"01M698SVMDHB1A0H20Y6C5Z8YS","crabbox","Use the Crabbox wrapper for OpenClaw remote validation across Linux, macOS, Windows, and WSL2, including delegated Blacksmith Testbox proof. Report the actual provider and id.","https:\u002F\u002Fgithub.com\u002Fopenclaw\u002Fdocs\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fcrabbox\u002FSKILL.md",[],[215,9,220,221,222,223,224,41,225,226,227,228,229,230,231,232,32],"macos","linux","windows","report","validation","Wrapper","provider","across","id","proof","blacksmith testbox","remote","openclaw remote"]