{"_id":"3d-web-skill","_rev":"6-ea3159dc9f05491c5fda186a5386ef11","name":"3d-web-skill","dist-tags":{"latest":"0.3.1"},"versions":{"0.1.0":{"name":"3d-web-skill","version":"0.1.0","keywords":["threejs","3d","webgl","ai","cursor","claude","gsap","image-to-3d"],"license":"MIT","_id":"3d-web-skill@0.1.0","maintainers":[{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"}],"bin":{"3d-skill":"bin/cli.js"},"dist":{"shasum":"75ce247daff24f2035f11a24d75e7ff9eadf663e","tarball":"https://registry.npmjs.org/3d-web-skill/-/3d-web-skill-0.1.0.tgz","fileCount":27,"integrity":"sha512-xDqNc6Rsh02M7MzST4A0pItV3vuJ+kaVn3WLY3vvCqHsxTRldZ49JPrEdhD4g6/+J1iibZZePyYC3SqEg+HOxQ==","signatures":[{"sig":"MEUCIQC+nutSnHFjA1V/IIBDvaWAxFhXpQHugZagbP95rehNJAIgfx/4TGoqZCWbYCA27Nh2p6u9N5hFZs6pH0nbb5KEjh0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":38191},"_npmUser":{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"},"_npmVersion":"11.12.1","description":"Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.","directories":{},"_nodeVersion":"24.15.0","_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/3d-web-skill_0.1.0_1780764477751_0.11452882137425369","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"3d-web-skill","version":"0.1.1","keywords":["threejs","3d","webgl","ai","cursor","claude","gsap","image-to-3d"],"license":"MIT","_id":"3d-web-skill@0.1.1","maintainers":[{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"}],"bin":{"3d-skill":"bin/cli.js"},"dist":{"shasum":"e17ece76adb2538b7102569bc4ae56970acc4756","tarball":"https://registry.npmjs.org/3d-web-skill/-/3d-web-skill-0.1.1.tgz","fileCount":27,"integrity":"sha512-qxvlVNkfrJoqZxoIziAF80pSTPPmeinP4SsN6+odGhpJJPV+dmmXcBVwNOZx5v1rFJ1stN2U4tlQ7qQPUl3k2w==","signatures":[{"sig":"MEUCIQD7VeCooldaay9ztydMzjrxus4cT0Pme/9QodTobM+rqAIgT25Vj4TvzMry0ogk80jDyTCQoQcmxNO1o5OGoH/4jWg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":38922},"_npmUser":{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"},"_npmVersion":"11.12.1","description":"Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.","directories":{},"_nodeVersion":"24.15.0","dependencies":{"gsap":"^3.15.0","three":"^0.184.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/3d-web-skill_0.1.1_1780766692013_0.8995230874753959","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"3d-web-skill","version":"0.2.0","keywords":["threejs","3d","webgl","ai","cursor","claude","opencode","gsap","image-to-3d"],"license":"MIT","_id":"3d-web-skill@0.2.0","maintainers":[{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"}],"bin":{"3dskill":"bin/cli.js","3d-skill":"bin/cli.js","3d-web-skill":"bin/cli.js"},"dist":{"shasum":"4d7bf3c4d4223a56a4b1fe555b7802793036e4ad","tarball":"https://registry.npmjs.org/3d-web-skill/-/3d-web-skill-0.2.0.tgz","fileCount":28,"integrity":"sha512-7bVhaLd3fg2ABgyK6Mur+hrpLS6lrrBqRDRgJmkS4+MjeErPp26OgIz+hxqBNTXWRb8ClbeKMyPVr5rlz06snQ==","signatures":[{"sig":"MEUCIQCoUxpRdMLzoVTEvgn36bAz10UFGxgFguLgzTwmctMuXwIgVd5E4v290UHKZVr5KM0iS8fy4UgvuV6Nvi+tUjCS3FI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42294},"scripts":{"postinstall":"node bin/install.js"},"_npmUser":{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"},"_npmVersion":"11.12.1","description":"Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.","directories":{},"_nodeVersion":"24.15.0","dependencies":{"gsap":"^3.15.0","three":"^0.184.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/3d-web-skill_0.2.0_1780768329626_0.39926941074816913","host":"s3://npm-registry-packages-npm-production"}},"0.2.1":{"name":"3d-web-skill","version":"0.2.1","keywords":["threejs","3d","webgl","ai","cursor","claude","opencode","gsap","image-to-3d"],"license":"MIT","_id":"3d-web-skill@0.2.1","maintainers":[{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"}],"bin":{"3dskill":"bin/cli.js","3d-skill":"bin/cli.js","3d-web-skill":"bin/cli.js"},"dist":{"shasum":"e8600526c3591a70097b8bdcf55e6a03125d07aa","tarball":"https://registry.npmjs.org/3d-web-skill/-/3d-web-skill-0.2.1.tgz","fileCount":28,"integrity":"sha512-1aB4S4WlaVmjd8Sk4Sn4CFa+65wgKYgH515NRXD6MCmJ/AWhfMEZcLzljuXmTxKCPRb5mw1vANIvnEyU+kwD3g==","signatures":[{"sig":"MEUCICbYh+vJ1a838TFWmmJyQh1lrapN8LgCWrdVzK8VzVL8AiEAvRnyyCXaIFQBHU2E2SIViCCRMYUTRFIkQ3pngCJRRYs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42443},"scripts":{"postinstall":"node bin/install.js"},"_npmUser":{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"},"_npmVersion":"11.12.1","description":"Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.","directories":{},"_nodeVersion":"24.15.0","dependencies":{"gsap":"^3.15.0","three":"^0.184.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/3d-web-skill_0.2.1_1780824849599_0.332281321390699","host":"s3://npm-registry-packages-npm-production"}},"0.2.2":{"name":"3d-web-skill","version":"0.2.2","keywords":["threejs","3d","webgl","ai","cursor","claude","opencode","gsap","image-to-3d"],"license":"MIT","_id":"3d-web-skill@0.2.2","maintainers":[{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"}],"bin":{"3dskill":"bin/cli.js","3d-skill":"bin/cli.js","3d-web-skill":"bin/cli.js"},"dist":{"shasum":"9665511f21fc44ba36d410f3becd0f6660aa0d69","tarball":"https://registry.npmjs.org/3d-web-skill/-/3d-web-skill-0.2.2.tgz","fileCount":28,"integrity":"sha512-B0CNhir+JitM62VmuF6UHRBgmnRc2og+Bk0ReKFHMoDzS6UhtnRdnwBb3Pc0tv6lQ3Ej+PdzZfC5F5Ep1kaMcQ==","signatures":[{"sig":"MEYCIQDsCLa63h7OQB+Mif0S4LjRsYYiNb3OmJ4IQY0+LfXx0wIhAOnmA+/VCYcJMPEeljuS8booVMC5W6l7DWnhyWSutjLL","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":42443},"scripts":{"postinstall":"node bin/install.js"},"_npmUser":{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"},"_npmVersion":"11.12.1","description":"Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.","directories":{},"_nodeVersion":"24.15.0","dependencies":{"gsap":"^3.15.0","three":"^0.184.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/3d-web-skill_0.2.2_1780833391843_0.8689591859195667","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"3d-web-skill","version":"0.3.1","description":"Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.","bin":{"3dskill":"bin/cli.js","3d-web-skill":"bin/cli.js","3d-skill":"bin/cli.js"},"scripts":{"postinstall":"node bin/install.js"},"keywords":["threejs","3d","webgl","ai","cursor","claude","opencode","gsap","image-to-3d"],"license":"MIT","dependencies":{"gsap":"^3.15.0","three":"^0.184.0"},"_id":"3d-web-skill@0.3.1","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-2H8/9CVEd0+IrdNP2fX/QYjUytd5ZkJnUb9Q7GmtURKiRoufNPw/Qd0ooq3Gt+6HIhEvy2Lyi3iflj9aGDk8hg==","shasum":"05607b9dc48fa4836fe3743873ce4debab2fff81","tarball":"https://registry.npmjs.org/3d-web-skill/-/3d-web-skill-0.3.1.tgz","fileCount":37,"unpackedSize":47996,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAwO37lk82nc1sZRG+RqP/KPZJGfBOq0zBp8GJ/QcKKsAiEA/tJnMK8c7NYJTuHdT7IPpBELhh07Ak3Bx94C4oBqYrc="}]},"_npmUser":{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"},"directories":{},"maintainers":[{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/3d-web-skill_0.3.1_1780833871888_0.44122635950219147"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-06T16:47:57.593Z","modified":"2026-06-07T12:04:32.122Z","0.1.0":"2026-06-06T16:47:57.900Z","0.1.1":"2026-06-06T17:24:52.166Z","0.2.0":"2026-06-06T17:52:09.786Z","0.2.1":"2026-06-07T09:34:09.723Z","0.2.2":"2026-06-07T11:56:31.989Z","0.3.1":"2026-06-07T12:04:32.025Z"},"license":"MIT","keywords":["threejs","3d","webgl","ai","cursor","claude","opencode","gsap","image-to-3d"],"description":"Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.","maintainers":[{"name":"medo6143","email":"mohamedwaeltorad@gmail.com"}],"readme":"# 3D Web Skill\n\nTeach your AI to build stunning, realistic 3D websites.\nTurn any photo into a 3D experience. Works with any framework.\n\n## Install\n\n```bash\nnpm install 3d-web-skill\n```\n\nThat's it. The skill auto-installs itself to OpenCode (`.opencode/skills/3d-web/`) and copies knowledge files. No extra steps needed.\n\nIf you want to customize framework and AI tool detection:\n\n```bash\nnpx 3dskill init\n```\n\nThe CLI auto-detects your framework (React, Vue, Angular, Svelte, Astro, Solid.js, Vanilla) and AI tools (Cursor, Claude Code, Windsurf, OpenCode, Copilot, CodeRabbit, Cline, Aider), then installs the right agent instructions and dependencies.\n\n> **PowerShell users**: Use `3dskill init` instead of `3d-skill init` to avoid parser errors.\n\n## Commands\n\n| Command | Description |\n|---|---|\n| `/3d:hero` | Realistic 3D hero with PBR materials, HDR lighting, GSAP entrance |\n| `/3d:model <path>` | Load GLB/GLTF with auto-center, auto-scale, OrbitControls |\n| `/3d:animate <target>` | GSAP animations on any 3D element |\n| `/3d:particles` | GPU particle system |\n| `/3d:convert <selector>` | Make any HTML component 3D |\n| `/3d:site` | Full 3D website from scratch with scroll animations |\n| `/3d:audit` | Auto-fix performance issues |\n| `/3d:image-depth <image>` | Photo → 3D parallax (free, browser-only, no API) |\n| `/3d:image-model <image>` | Photo → full 3D model 360° (API required) |\n\n## Supported Frameworks\n\nReact, Next.js, Vue, Nuxt, Angular, Svelte, SvelteKit, Astro, Solid.js, Vanilla\n\n## Supported AI Tools\n\nCursor, Claude Code, Windsurf, OpenCode, GitHub Copilot, CodeRabbit, Cline, Aider\n\n## Image → 3D APIs\n\nMeshy.ai, Tripo3D, Stability AI, Rodin (Hyper3D)\n\n## CLI\n\nAvailable as: `3dskill`, `3d-skill`, or `3d-web-skill`\n\n```bash\n3dskill init       # Install/update skill (auto-detect framework + AI tools)\n3dskill update     # Refresh knowledge files\n3dskill status     # Show installation status\n3dskill remove     # Remove all skill files\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}