3D

3D Modelling

Sources, integrates and optimises realistic web-ready 3D assets: product models, WebGL and Three.js scenes.

What it does

Sources, integrates and optimises realistic web-ready 3D assets: product models, WebGL and Three.js scenes.

When to use it

Use for product visualisation, interactive 3D scenes, or any web build that needs a real, performance-aware 3D asset.

Problems it prevents

Prevents 3D that looks impressive in isolation but tanks load time or breaks on lower-powered devices.

Typical workflow

  1. Source or model the asset
  2. Optimise geometry and materials
  3. Set lighting and interaction
  4. Verify device fallbacks

Example output

A compressed, interactive 3D scene with a defined fallback for devices that can't render it well.

What's included

  1. 01
    The complete prompt

    The full manual as a ready-to-save SKILL.md file, matched exactly to what ships in the T7 library.

  2. 02
    Install walkthrough

    Personal (~/.claude/skills/) and project (.claude/skills/) folder instructions, whichever fits how you work.

  3. 03
    Use notes

    How Claude invokes it, what a good result looks like, and what to check before you trust the output.

Installation

Save the manual as SKILL.md in ~/.claude/skills/3d-modelling/ to use it on every project, or in .claude/skills/3d-modelling/ to scope it to one repository. Then invoke it directly:

/3d-modeling

Read the official Claude Code skills guide

Works well with