smithery/chipoto69

portfolio-forge

Generates static HTML portfolio and developer activity log from Obsidian knowledge base. Creates project cards, activity timelines, and statistics dashboards.

Installation

$ npx skills add smithery/chipoto69 --skill portfolio-forge

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from smithery/chipoto69.

npx skills add smithery/chipoto69

Browse all from smithery/chipoto69

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0.0
Allowed toolsRead, Write, Glob, Grep
Declared agents claude-code

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,916 B
  • docs SUMMARY.md 262 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

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)