skills.rest
julieclarkson
julieclarksonCOMMUNITY
Explore all skills by this author →
Website𝕏@julieishumanGitHub

generate-portfolio

Generate a self-contained portfolio case study from .case-study/events.json and git commits.

Updated Aug 27, 2026
Search Tags:#git#templates#screenshots#portfolio#generate#export#case-study
One-click install
npx skills add https://github.com/julieclarkson/case-study-maker --skill generate-portfolio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generate-portfolio
Source: https://github.com/julieclarkson/case-study-maker/tree/main/skills/generate-portfolio
Command: npx skills add https://github.com/julieclarkson/case-study-maker --skill generate-portfolio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates creating a recruiter-facing, self-contained portfolio website from captured development reflections, commits, and media so developers don't have to assemble evidence, timelines, and screenshots manually.

Core Features & Use Cases

  • Deterministic export of a static web folder (HTML, CSS, JS, assets) populated from .case-study/events.json, git commits, and curated media.
  • Coverage validation against a recruiter rubric (constraints, tradeoffs, risks, security, iteration) with gap reporting and prompts to capture missing reflections.
  • Template and theme resolution with layered CSS, snippet-based HTML cards, embedded window.DATA, and optional build script invocation for reproducible outputs. Use case: After a project milestone, run the skill to produce a polished portfolio page (with timeline, commits, screenshots, and architecture visuals) ready to share with hiring managers.

Quick Start

Generate a portfolio case study from my project's .case-study/events.json and git history by saying "generate case study" or using the /generate command.

Frequently Asked Questions about generate-portfolio

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a portfolio website from git history and project reflections?▼

To generate a portfolio website from git history, this Skill deterministically assembles a self-contained static site (HTML, CSS, JS, assets) from your local git commits, a .case-study/events.json file, and curated media, producing recruiter-focused storytelling without external network calls.

What is a recruiter-ready portfolio case study and how does it validate project coverage?▼

A recruiter-ready portfolio case study is a self-contained web export that validates your project against a recruiter rubric covering constraints, tradeoffs, risks, security, and iteration, reporting gaps and prompting you to capture missing reflections to ensure comprehensive coverage.

Can I export a static portfolio site without an internet connection or external dependencies?▼

Yes, you can export a static portfolio site fully offline because the Skill resolves templates, layered CSS, and HTML snippets locally, deterministically assembling files and invoking optional local build scripts without requiring any external network calls.

Do I need a .case-study/events.json file and local git access to build a portfolio case study?▼

Yes, you need local git access to refresh commits and a .case-study/events.json file containing your development reflections, as these provide the foundational timeline and narrative content required to populate the generated portfolio HTML and productFlow.

How to include screenshots and architecture visuals in a generated portfolio case study?▼

To include screenshots and architecture visuals in a generated portfolio case study, place curated media in your project directory alongside the .case-study/events.json file, and the Skill will embed these assets into the exported HTML, CSS, and JS output folder.

Best way to automate portfolio creation after a project milestone without manual HTML assembly?▼

The best way to automate portfolio creation after a milestone is to run this Skill, which applies template and theme resolution with snippet-based HTML cards and embedded window.DATA to produce a polished, recruiter-facing portfolio page ready to share with hiring managers.

Related Skills

Explore More Software Engineering Skills→
VeraticusVeraticus

testing-quality

Audit test suites to identify tautological tests, weak assertions, and missing corner cases.

Community
Advanced
keokukzhkeokukzh

theme-factory

Apply selected theme colors and typography to slides, documents, and HTML pages.

Community
Basic
raineraine
2.1k

open-pr

Draft PR descriptions from conversation context and open browser-based PR creation.

Community
Advanced
LowyShinLowyShin
33

starter

Scaffold static web projects with HTML/CSS/JS or Next.js App Router.

Community
Basic