portfolio-forge - SKILL.md Agent Skill

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)