---

name: portfolio-forge description: | Generates static HTML portfolio and developer activity log from Obsidian knowledge base. Creates project cards, activity timelines, and statistics dashboards.

Triggers: "generate portfolio", "build site", "create dev log", "/portfolio" version: 1.0.0 author: Claude Code allowed-tools:

• Read
• Write
• Glob
• Grep

---

Portfolio Forge

Transforms your Obsidian knowledge base into a beautiful static HTML portfolio.

What It Generates

Project Portfolio Page

• Project cards with tech stack badges
• LOC statistics
• Recent activity
• Quick links to documentation

Activity Timeline

• Chronological view of all sessions
• Commit frequency charts
• Project breakdown

Statistics Dashboard

• Total lines written
• Languages used
• Projects active
• Contribution calendar

Output Structure

~/Documents/Vaultage/06_Metadata/Portfolio/
├── index.html          # Main portfolio page
├── activity.html       # Activity timeline
├── stats.html          # Statistics dashboard
├── projects/
│   ├── atlas.html      # Individual project pages
│   └── ...
├── css/
│   └── style.css       # Styling
└── data/
    ├── projects.json   # Project data
    └── activity.json   # Activity feed

Usage

# Generate full portfolio
/portfolio

# Generate specific section
/portfolio --only projects

# Custom output directory
/portfolio --output ~/Sites/dev-portfolio

# Include private projects
/portfolio --include-private

Design

Clean, minimal design inspired by:

• GitHub profile pages
• Linear.app aesthetics
• Vercel dashboard

Color Scheme

• Background: #0a0a0a (dark)
• Cards: #141414
• Accent: #3b82f6 (blue)
• Text: #e5e5e5

Features

• Responsive design
• Dark mode by default
• Smooth animations
• Fast loading (no JS frameworks)