{"id":"4c8112bb-ab37-40d1-bf59-5f7ae4cb8251","shortId":"4dLMuz","kind":"skill","title":"web-artifacts-builder","tagline":"Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.","description":"# web-artifacts-builder\n\n> Curated from Anthropic's official skills repository.\n\n## What it does\n\nBuild complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.\n\n## Source\n\n- Upstream: https://github.com/anthropics/skills/tree/main/web-artifacts-builder\n- Category: `web-artifacts`\n\n## How to use\n\nThis catalogue entry advertises the skill in Open Design so the agent\ndiscovers it during planning. To run the full upstream workflow with\nits original assets, scripts, and references, install the upstream\nbundle into your active agent's skills directory:\n\n```bash\n# Inspect the upstream README for exact paths\nopen https://github.com/anthropics/skills/tree/main/web-artifacts-builder\n```\n\nThen ask the agent to invoke this skill by name (`web-artifacts-builder`) or with\none of the trigger phrases listed in this skill's frontmatter.","tags":["web","artifacts","builder","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design"],"capabilities":["skill","source-nexu-io","skill-web-artifacts-builder","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/web-artifacts-builder","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 44905 github stars · SKILL.md body (905 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T18:50:20.202Z","embedding":null,"createdAt":"2026-05-11T12:52:33.488Z","updatedAt":"2026-05-18T18:50:20.202Z","lastSeenAt":"2026-05-18T18:50:20.202Z","tsv":"'/anthropics/skills/tree/main/web-artifacts-builder':59,118 'activ':102 'advertis':70 'agent':78,103,122 'anthrop':14,29,46 'artifact':3,9,22,25,41,54,63,131 'ask':120 'asset':92 'bash':107 'build':5,37 'builder':4,26,132 'bundl':99 'catalogu':68 'categori':60 'claude.ai':7,39 'complex':6,38 'curat':27 'design':75 'directori':106 'discov':79 'embedd':21,53 'entri':69 'exact':113 'frontmatt':145 'full':86 'github.com':58,117 'github.com/anthropics/skills/tree/main/web-artifacts-builder':57,116 'html':8,40 'inspect':108 'instal':96 'invok':124 'list':140 'name':128 'offici':31 'one':135 'open':74,115 'origin':91 'path':114 'phrase':139 'plan':82 'react':11,43 'readm':111 'refer':16,48,95 'repositori':33 'rich':20,52 'run':84 'script':93 'ship':19,51 'skill':32,72,105,126,143 'skill-web-artifacts-builder' 'sourc':55 'source-nexu-io' 'tailwind':13,45 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'trigger':138 'upstream':56,87,98,110 'use':66 'web':2,24,62,130 'web-artifact':61 'web-artifacts-build':1,23,129 'workflow':17,49,88","prices":[{"id":"bfa218ed-c449-4e3f-b7a7-65e2d4d6da80","listingId":"4c8112bb-ab37-40d1-bf59-5f7ae4cb8251","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-11T12:52:33.488Z"}],"sources":[{"listingId":"4c8112bb-ab37-40d1-bf59-5f7ae4cb8251","source":"github","sourceId":"nexu-io/open-design/web-artifacts-builder","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/web-artifacts-builder","isPrimary":false,"firstSeenAt":"2026-05-11T12:52:33.488Z","lastSeenAt":"2026-05-18T18:50:20.202Z"}],"details":{"listingId":"4c8112bb-ab37-40d1-bf59-5f7ae4cb8251","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"web-artifacts-builder","github":{"repo":"nexu-io/open-design","stars":44905,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-18T18:43:11Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"74904041a17f5bf379e0b619f929318cf3024d5e","skill_md_path":"skills/web-artifacts-builder/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/web-artifacts-builder"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"web-artifacts-builder","description":"Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/web-artifacts-builder"},"updatedAt":"2026-05-18T18:50:20.202Z"}}