Back to packageRELEASE DETAILS

0.2.2

npm

3d-web-skill

Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.

Published7 Jun 2026

Direct dependencies2

Transitive dependenciesNot calculated

README

Current package documentation

3D Web Skill

Teach your AI to build stunning, realistic 3D websites. Turn any photo into a 3D experience. Works with any framework.

Install

npm install 3d-web-skill

That's it. The skill auto-installs itself to OpenCode (.opencode/skills/3d-web/) and copies knowledge files. No extra steps needed.

If you want to customize framework and AI tool detection:

npx 3dskill init

The 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.

PowerShell users: Use 3dskill init instead of 3d-skill init to avoid parser errors.

Commands

Command	Description
`/3d:hero`	Realistic 3D hero with PBR materials, HDR lighting, GSAP entrance
`/3d:model <path>`	Load GLB/GLTF with auto-center, auto-scale, OrbitControls
`/3d:animate <target>`	GSAP animations on any 3D element
`/3d:particles`	GPU particle system
`/3d:convert <selector>`	Make any HTML component 3D
`/3d:site`	Full 3D website from scratch with scroll animations
`/3d:audit`	Auto-fix performance issues
`/3d:image-depth <image>`	Photo → 3D parallax (free, browser-only, no API)
`/3d:image-model <image>`	Photo → full 3D model 360° (API required)

Supported Frameworks

React, Next.js, Vue, Nuxt, Angular, Svelte, SvelteKit, Astro, Solid.js, Vanilla

Supported AI Tools

Cursor, Claude Code, Windsurf, OpenCode, GitHub Copilot, CodeRabbit, Cline, Aider

Image → 3D APIs

Meshy.ai, Tripo3D, Stability AI, Rodin (Hyper3D)

CLI

Available as: 3dskill, 3d-skill, or 3d-web-skill

3dskill init       # Install/update skill (auto-detect framework + AI tools)
3dskill update     # Refresh knowledge files
3dskill status     # Show installation status
3dskill remove     # Remove all skill files

License

MIT

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 2

Native requirements

2 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
gsap Environment { "local_name": "gsap", "alias": false, "peer_metadata": null }	`^3.15.0`	runtime
three Environment { "local_name": "three", "alias": false, "peer_metadata": null }	`^0.184.0`	runtime

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "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
}

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 19:38 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:ca1bd3b193be769a1cb1d9cdfed49a44303a6bbe8105e66b2733cae57ea01ebb

Other collected versions

0.3.17 Jun 0.2.17 Jun 0.2.06 Jun 0.1.16 Jun 0.1.06 Jun View all collected versions →