{"id":"53c499c0-29f8-47bc-8d89-13a4701966cd","shortId":"cHHQpV","kind":"skill","title":"threejs","tagline":"Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.","description":"# threejs\n\n> Curated from CloudAI-X.\n\n## What it does\n\nThree.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing.\n\n## Source\n\n- Upstream: https://github.com/CloudAI-X/threejs-skills\n- Category: `3d-shaders`\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/CloudAI-X/threejs-skills\n```\n\nThen ask the agent to invoke this skill by name (`threejs`) or with\none of the trigger phrases listed in this skill's frontmatter.","tags":["threejs","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents"],"capabilities":["skill","source-nexu-io","skill-threejs","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/threejs","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 (795 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:19.238Z","embedding":null,"createdAt":"2026-05-11T12:52:32.449Z","updatedAt":"2026-05-18T18:50:19.238Z","lastSeenAt":"2026-05-18T18:50:19.238Z","tsv":"'/cloudai-x/threejs-skills':53,112 '3d':6,34,56 '3d-shaders':55 'activ':96 'advertis':64 'agent':72,97,116 'ask':114 'asset':86 'bash':101 'browser':13,41 'bundl':93 'catalogu':62 'categori':54 'cloudai':25 'cloudai-x':24 'control':16,44 'creat':5,33 'curat':22 'design':69 'directori':100 'discov':73 'element':7,35 'entri':63 'exact':107 'experi':10,38 'frontmatt':136 'full':80 'github.com':52,111 'github.com/cloudai-x/threejs-skills':51,110 'inspect':102 'instal':90 'interact':9,37 'invok':118 'list':131 'materi':15,43 'name':122 'one':126 'open':68,109 'origin':85 'path':108 'phrase':130 'plan':76 'post':19,47 'post-process':18,46 'process':20,48 'readm':105 'refer':89 'run':78 'scene':14,42 'script':87 'shader':57 'skill':3,31,66,99,120,134 'skill-threejs' 'sourc':49 'source-nexu-io' 'three.js':2,30 'threej':1,21,123 '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':129 'upstream':50,81,92,104 'use':60 'workflow':82 'x':26","prices":[{"id":"4ad493ea-f465-40cc-bdb0-fe98e3e87e12","listingId":"53c499c0-29f8-47bc-8d89-13a4701966cd","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:32.449Z"}],"sources":[{"listingId":"53c499c0-29f8-47bc-8d89-13a4701966cd","source":"github","sourceId":"nexu-io/open-design/threejs","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/threejs","isPrimary":false,"firstSeenAt":"2026-05-11T12:52:32.449Z","lastSeenAt":"2026-05-18T18:50:19.238Z"}],"details":{"listingId":"53c499c0-29f8-47bc-8d89-13a4701966cd","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"threejs","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":"36834f20a62b38550f78c10faf2944f34480c730","skill_md_path":"skills/threejs/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/threejs"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"threejs","description":"Three.js skills for creating 3D elements and interactive experiences in the browser — scenes, materials, controls, and post-processing."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/threejs"},"updatedAt":"2026-05-18T18:50:19.238Z"}}