ai-agent

Portfolio-Website

Name: Portfolio-Website
Author: MoncyDev

My Portfolio Website Showcasing the website 3d interactions or experience and my work.

1,173 stars+6★ this week493 forksTypeScriptUpdated 3/21/2026100% free · open source

What it does

A TypeScript‑based personal portfolio site that demonstrates 3‑D web interactions and showcases your projects.

When to use it

•You need a fast, code‑first way to launch a visual portfolio without hiring a designer.
•You want to show off 3‑D WebGL/Three.js demos directly on your personal domain.
•You prefer a self‑hosted, open‑source site you can customize with your own code.

Ready-to-paste prompt

npm run build && npm run start   # builds the production bundle and serves it on port 3000

Heads up: The project requires Node.js ≥ 18 (the `engines` field in package.json); using an older Node version will cause runtime errors during the build.

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/portfolio-website && curl -fsSL https://workflowstacks.com/api/skills/portfolio-website/claude-skill -o ~/.claude/skills/portfolio-website/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 Portfolio-Website works

Codeflow

Free to inspect

Portfolio-Website is a small TypeScript project (~1.7k lines across 36 code files). Setup is light: install Node.js, run one command. Last commit 7 months ago, Other license, no tests found.

Size

Small codebase

~1.7k lines · 36 code files · 14 min skim

Setup

Light setup

Install Node.js, run one command.

Runs on

Node.js

No API keys detected

TypeScript 61%CSS 37%JavaScript 2%

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 logic45 files

public/Images & static assets21 files

READMENo tests foundThin docsNo CIOther licenseLast update 7 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/portfolio-website && curl -fsSL https://workflowstacks.com/api/skills/portfolio-website/claude-skill -o ~/.claude/skills/portfolio-website/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

MoncyDev

Language

TypeScript