Skip to content

3D Paper Material

Builds a Three.js paper sheet with fibres, torn edges, thickness and back-lit translucency

Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
4 files

What it does

When installed, the agent can build a realistic 3D sheet of paper for a web scene using Three.js, the JavaScript 3D library. It adds believable fibre texture, a torn edge with pulled-out fibres, visible thickness, curls and creases, ink that soaks along the fibres, and a glow when light shines through it, so the paper still looks real up close. The skill includes a working demo page the agent can read as a reference.

Great for

  • Web developers building 3D product, art or portfolio scenes that include paper
  • Designers prototyping hung sheets, scrolls, labels or cards in a browser
  • Creative coders who want a detailed Three.js shader example to learn from

Skip it if

  • Simple flat paper textures for 2D layouts, where a plain image is enough and this adds unneeded complexity
  • Projects without WebGL or Three.js, since the output depends on that stack

Try asking

  • “Make a washi paper scroll hanging in a 3D scene that still looks like paper when the camera zooms in close”
  • “Create a torn kraft paper label with ink wicking into the fibres and a slightly curled corner”
  • “Build a back-lit shoji paper pane that glows when a light is placed behind it”
Step-by-step guide: how to use 3D Paper MaterialInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 4 original files, the MIT licence and an attribution note.

    3d-paper-material.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip 3d-paper-material.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip 3d-paper-material.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the paper type (washi, cotton rag or kraft) in your request, since each has different fibre, tint and transparency settings
  • Open demo.html first so the agent can follow the working build rather than starting from scratch
  • Ask for a macro close-up check if the sheet will be viewed up close, since the skill includes a higher-detail mode for that

What's inside

  • agents/openai.yaml
  • demo.html
  • PROMPT.md
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.