portfolio-builderlisted

# Portfolio Builder Build a one-page, recruiter-facing showcase site for a hackathon project. The site is the deliverable even when the project itself is not a web app: a hardware build, an ML model, a CLI, or a research project all get a site that shows the work through video, diagrams, photos, and interactive replicas. Aim for the bar set by these case-study sites: dispatchai.art3m1s.me, talktuah.art3m1s.me, slugloop.com, and adapted.art3m1s.me. Each one looks nothing like the others, because each design is pulled from the project's own world. That uniqueness is the whole point, and it is why this skill leans on the frontend-design skill rather than a fixed template. ## Step 1: Make the design engine available The design comes from Anthropic's `frontend-design` skill, and it is what keeps the result from reading as a generic AI page. It must be available before you design anything. This is a user prerequisite, not something the agent can do for itself, because the agent cannot run slash commands. If `frontend-design` already appears in your available skills, you are set. If it does not, ask the user to install the plugin in Claude Code by running these two commands: ``` /plugin marketplace add anthropics/claude-plugins-official /plugin install frontend-design@claude-plugins-official ``` The first line is only needed if that marketplace is not already added. Claude also applies `frontend-design` automatically for frontend work, so its principles may already be in play,