ai-agent

3d Portfolio

Name: 3d Portfolio
Author: akashrmalhotra

3d portfolio website which devs can use

370 stars236 forksTypeScriptUpdated 3/27/2026100% free · open source

What it does

Creates a ready‑made 3‑D interactive portfolio website you can host to showcase your dev work.

When to use it

•You want a visually striking personal site without building Three.js from scratch.
•You need a quick demo page for a job interview or client pitch.
•You prefer a TypeScript‑based template you can fork and customize.

Ready-to-paste prompt

npm run dev -- --port 4000   # start the dev server on a non‑default port for easy local testing

Heads up: The project requires Node ≥ 16 and a modern browser with WebGL support; running it on an older Node version will cause compilation errors.

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/3d-portfolio && curl -fsSL https://workflowstacks.com/api/skills/3d-portfolio/claude-skill -o ~/.claude/skills/3d-portfolio/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How 3d Portfolio works

Codeflow

Free to inspect

3d Portfolio is a small TypeScript project (~1.8k lines across 37 code files). Setup is light: install Node.js, run one command. Last commit 6 months ago, MIT license, no tests found.

Size

Small codebase

~1.8k lines · 37 code files · 15 min skim

Setup

Light setup

Install Node.js, run one command.

Runs on

Node.js

No API keys detected

TypeScript 62%CSS 36%JavaScript 1%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
src/App.tsx
Where the program starts running
3
package.json
Dependencies and the commands it exposes

What's in each folder

src/Core code — the actual logic46 files

public/Images & static assets30 files

READMENo tests foundThin docsNo CIMIT licenseUpdated 6 mo ago

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/3d-portfolio && curl -fsSL https://workflowstacks.com/api/skills/3d-portfolio/claude-skill -o ~/.claude/skills/3d-portfolio/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

akashrmalhotra

Language

TypeScript