# Chipoto69 Claude Skills Portfolio Forge

> Portfolio Forge

- Skill: `tomevault-io/chipoto69-claude-skills-portfolio-forge` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add tomevault-io/chipoto69-claude-skills-portfolio-forge`
- Raw SKILL.md: https://api.skillmd.com/api/skills/tomevault-io/chipoto69-claude-skills-portfolio-forge/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: tomevault-io (https://skillmd.com/u/tomevault-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/tomevault-io/chipoto69-claude-skills-portfolio-forge

---


# 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

```bash
# 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)

---
> Converted and distributed by [TomeVault](https://tomevault.io/claim/chipoto69) — claim your Tome and manage your conversions.
<!-- tomevault:4.0:skill_md:2026-04-13 -->