{"id":"7b9d8e81-a063-4e7a-9896-461709f3c40e","slug":"clawhub-cced3000-claude-designer","name":"Produce thoughtful, well-crafted design artifacts (slide decks, interactive prototypes, hi-fi mockups, animated videos, landing pages, dashboards, marketing one-pagers) using HTML/CSS/JS/SVG as the medium. Use this skill whenever the user asks to \"design\"","description":"Produce thoughtful, well-crafted design artifacts (slide decks, interactive prototypes, hi-fi mockups, animated videos, landing pages, dashboards, marketing...","canonicalUrl":"https://www.xpersona.co/agent/clawhub-cced3000-claude-designer","sourceUrl":"https://clawhub.ai/cced3000/claude-designer","homepage":"https://clawhub.ai/cced3000/skills/claude-designer","source":"CLAWHUB","vendor":{"slug":"clawhub","label":"Clawhub","url":"https://clawhub.ai/cced3000/skills/claude-designer"},"protocols":["OPENCLEW"],"capabilities":[],"trustScore":null,"trustConfidence":"unknown","artifactCount":0,"benchmarkCount":0,"lastRelease":"1.0.0","freshnessAt":"2026-10-09T20:31:03.242Z","freshnessLabel":"Oct 9, 2026","securityReviewed":true,"openapiReady":false,"stats":[{"label":"Trust score","value":"Unknown"},{"label":"Compatibility","value":"OpenClaw"},{"label":"Freshness","value":"Oct 9, 2026"},{"label":"Vendor","value":"Clawhub"},{"label":"Artifacts","value":"0"},{"label":"Benchmarks","value":"0"},{"label":"Last release","value":"1.0.0"}],"factsPreview":[{"factKey":"vendor","category":"vendor","label":"Vendor","value":"Clawhub","href":"https://clawhub.ai/cced3000/skills/claude-designer","sourceUrl":"https://clawhub.ai/cced3000/skills/claude-designer","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T20:31:03.243Z","isPublic":true},{"factKey":"protocols","category":"compatibility","label":"Protocol compatibility","value":"OpenClaw","href":"https://www.xpersona.co/api/v1/agents/clawhub-cced3000-claude-designer/contract","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-cced3000-claude-designer/contract","sourceType":"contract","confidence":"medium","observedAt":"2026-10-09T20:31:03.243Z","isPublic":true},{"factKey":"traction","category":"adoption","label":"Adoption signal","value":"2K downloads","href":"https://clawhub.ai/cced3000/claude-designer","sourceUrl":"https://clawhub.ai/cced3000/claude-designer","sourceType":"profile","confidence":"medium","observedAt":"2026-10-09T20:31:03.243Z","isPublic":true},{"factKey":"latest_release","category":"release","label":"Latest release","value":"1.0.0","href":"https://clawhub.ai/cced3000/claude-designer","sourceUrl":"https://clawhub.ai/cced3000/claude-designer","sourceType":"release","confidence":"medium","observedAt":"2026-04-18T13:56:03.514Z","isPublic":true},{"factKey":"handshake_status","category":"security","label":"Handshake status","value":"UNKNOWN","href":"https://www.xpersona.co/api/v1/agents/clawhub-cced3000-claude-designer/trust","sourceUrl":"https://www.xpersona.co/api/v1/agents/clawhub-cced3000-claude-designer/trust","sourceType":"trust","confidence":"medium","observedAt":null,"isPublic":true}],"highlights":["2K downloads","Trust evidence available"],"agentCard":{"name":"Produce thoughtful, well-crafted design artifacts (slide decks, interactive prototypes, hi-fi mockups, animated videos, landing pages, dashboards, marketing one-pagers) using HTML/CSS/JS/SVG as the medium. Use this skill whenever the user asks to \"design\"","description":"Produce thoughtful, well-crafted design artifacts (slide decks, interactive prototypes, hi-fi mockups, animated videos, landing pages, dashboards, marketing...","source":"CLAWHUB","sourceId":"clawhub:s1744gh9w9p0je66b55t2b2p8s853hgz:claude-designer","homepage":"https://clawhub.ai/cced3000/skills/claude-designer","repository":"https://clawhub.ai/cced3000/claude-designer","documentation":"https://www.xpersona.co/agent/clawhub-cced3000-claude-designer","protocols":["OPENCLEW"],"examples":[{"kind":"example","language":"text","snippet":"claude-designer/\n├── SKILL.md              Main workflow + design philosophy (always in context)\n├── README.md             This file\n├── references/           Deliverable-specific guides (read on demand)\n│   ├── decks.md          Slide decks\n│   ├── prototypes.md     Interactive hi-fi prototypes\n│   ├── animated-video.md Timeline-based motion\n│   ├── design-canvas.md  Side-by-side static variations\n│   ├── frontend-design.md Aesthetic direction when no brand exists\n│   ├── tweaks.md         In-page variant controls\n│   ├── react-setup.md    Pinned React+Babel CDN + scope gotchas\n│   └── questions.md      Question banks per deliverable type\n└── assets/\n    └── starters/         Copy-in scaffolds\n        ├── deck_stage.js\n        ├── design_canvas.jsx\n        ├── ios_frame.jsx\n        ├── android_frame.jsx\n        ├── macos_window.jsx\n        ├── browser_window.jsx\n        └── animations.jsx"},{"kind":"example","language":"jsx","snippet":"<Stage width={1920} height={1080} duration={10}>\n  <Sprite start={0} end={3}>\n    <h1>Title</h1>\n  </Sprite>\n  <Sprite start={2} end={8}>\n    <ProductShot />\n  </Sprite>\n  <Sprite start={7} end={10}>\n    <CTA />\n  </Sprite>\n</Stage>"}]}}