Back to packageRELEASE DETAILS

0.1.0

npm

3d-web-skill

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

Published6 Jun 2026

Direct dependencies0

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 0

Native requirements

0 direct targetsNot calculated transitive count

No declared dependencies in this collected response

Declarations describe requirements; they are not a resolved dependency graph.

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

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

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:ea004f2a935a78bd963e6d188ee58d8c4bcfc59d11c359d275ecee33e7f0e22e

Other collected versions

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