Real outputs
Rendered with this skill on our machine, unedited.
Mono Designer Portfolio
How to use
- 1
Copy the install prompt
Sign in, then click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
You：
/mono-designer-portfolio make me: Poster, print and illustration designers who want a quiet, print-like site where the work carries the colour.Example message showing how to invoke it, not a real output.
What you get
- A 14-route example for the fictional Jonas Ferreira: home, about, a work index with eight poster pages, services, contact with a brief form and a designed 404.
- Poster cards with live type over the artwork, filters, search, grid and index views, copyable palettes, a services accordion and a validated brief form.
- One self-contained file with Schibsted Grotesk and Geist Mono embedded, an image plan, a script that places posters into wall and frame photos, and built-in checks.
- Poster, print and illustration designers who want a quiet, print-like site where the work carries the colour.
Good fit
- Poster, print and illustration designers who want a quiet, print-like site where the work carries the colour.
- Designers with packaged services and starting prices who want clients to send a structured brief.
- Small studios or photographers who can map series or projects onto the same poster grid.
- Colourful interface styles; the interface stays greyscale and only the work shows colour.
Not for
- Colourful interface styles; the interface stays greyscale and only the work shows colour.
- Large archives with hundreds of pieces; the work index is built for four to sixteen projects.
- Receiving briefs out of the box: the form shows the brief back and sends nothing until you connect a backend.
What you need
- Claude Code, Codex, or Cursor
- Pack ships as a local skill folder
- License
- Skilloop Free
- Author
- @Skilloop
- Version
- v1.0.2
- Output
- Web
- Generates with
Runs in:Claude CodeCodexCursor
Built and maintained by Skilloop (Pro). Every sample below was produced by this exact skill. Source packages are proprietary — not MIT.
Package contents
- mono-designer-portfolio/SKILL.md
- mono-designer-portfolio/references/framework-adaptation.md
- mono-designer-portfolio/references/icon-library.md
- mono-designer-portfolio/references/image-plan.md
- mono-designer-portfolio/references/images/portrait-jonas.webp
- mono-designer-portfolio/references/images/poster-cine-claro.webp
- mono-designer-portfolio/references/images/poster-field-notes.webp
- mono-designer-portfolio/references/images/poster-harbour-lights.webp
- mono-designer-portfolio/references/images/poster-low-tide.webp
- mono-designer-portfolio/references/images/poster-open-kennel.webp
- mono-designer-portfolio/references/images/poster-ridge-run.webp
- mono-designer-portfolio/references/images/poster-santo-bairro.webp
- mono-designer-portfolio/references/images/poster-typewriter-bloom.webp
- mono-designer-portfolio/references/images/scene-field-notes.webp
- mono-designer-portfolio/references/images/scene-harbour-lights.webp
- mono-designer-portfolio/references/images/scene-low-tide-sessions.webp
- mono-designer-portfolio/references/images/scene-typewriter-bloom.webp
- mono-designer-portfolio/references/images/studio.webp
- mono-designer-portfolio/references/interior-pages.md
- mono-designer-portfolio/references/motion-system.md
- mono-designer-portfolio/references/page-library.md
- mono-designer-portfolio/references/quality-checklist.md
- mono-designer-portfolio/references/reui-components.md
- mono-designer-portfolio/references/route-inventory.md
- mono-designer-portfolio/references/style-guide.md
- mono-designer-portfolio/references/template.html
- mono-designer-portfolio/references/visual-contract.md
- mono-designer-portfolio/scripts/composite-in-place.py
- mono-designer-portfolio/scripts/inline-assets.mjs
- mono-designer-portfolio/scripts/validate-mono.mjs
SKILL.md
Build a monochrome graphic-design portfolio on faint, tilted grid paper: a huge black display title beside a greyscale cut-out portrait, white-on-black label chips, a two-by-four poster grid and craft tool tiles. It includes Home,…
Other ways to install
ZIP download works while signed in. For curl installs, create an API key under Settings → API keys and set SKILLHUB_API_KEY.
Install prompt (paste into your agent)
This is a free Skilloop skill (Mono Designer Portfolio). Download https://skilloop.dev/downloads/free/mono-designer-portfolio.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so mono-designer-portfolio/SKILL.md exists. Or: Read https://skilloop.dev/skills/mono-designer-portfolio/install.md and follow the instructions.
One-line install (download + unzip) · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/mono-designer-portfolio.zip -o /tmp/mono-designer-portfolio.zip && unzip -oq /tmp/mono-designer-portfolio.zip -d ~/.claude/skills/
One-line install (download + unzip) · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/mono-designer-portfolio.zip -o /tmp/mono-designer-portfolio.zip && unzip -oq /tmp/mono-designer-portfolio.zip -d ~/.agents/skills/
Manual · Claude Code
# Free skill — download the public ZIP (no sign-in): mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/mono-designer-portfolio.zip -o /tmp/mono-designer-portfolio.zip && unzip -oq /tmp/mono-designer-portfolio.zip -d ~/.claude/skills/
