Skilloop

Real outputs

Rendered with this skill on our machine, unedited.
Marker-Doodle Brand Studio — Marker-Doodle Brand Studio
Marker-Doodle Brand Studio

How to use

  1. 1

    Copy the install prompt

    Sign in, then click the black button. One click, done.

  2. 2

    Paste it to your agent

    Send it in Claude Code, Codex, Cursor or similar. It installs itself.

  3. 3

    Ask in one sentence

    Say what you want, like below, and the agent follows this skill.

You:/marker-doodle-brand-studio make me: Independent brand and packaging designers who want their personality on the page.

Example message showing how to invoke it, not a real output.

What you get

  • One self-contained website file that opens in any browser and works offline, with fonts and images built in; a port into your own framework project when you have one.
  • Case studies that pair each packshot with an in-use photo, plus a scope estimator, monthly and quarterly plans, process tabs and a validated contact brief.
  • The signature marker headlines, blob portrait, stickers and colour service cards in a 21-page example with 16 images.
  • Independent brand and packaging designers who want their personality on the page.

Good fit

  • Independent brand and packaging designers who want their personality on the page.
  • Photographers and illustrators who can keep Work as commissions and sell packages as services.
  • Bakeries and food makers who can turn Work into their range and Process into how they make it.
  • Real form delivery or payments; the contact brief and estimator show honest demo results only.

Not for

  • Real form delivery or payments; the contact brief and estimator show honest demo results only.
  • Brands that want a quiet, minimal or corporate look rather than marker type and stickers.
  • Presenting the fictional Juno Halvorsen, her clients or quotes as real work.

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

  • marker-doodle-brand-studio/SKILL.md
  • marker-doodle-brand-studio/references/framework-adaptation.md
  • marker-doodle-brand-studio/references/icon-library.md
  • marker-doodle-brand-studio/references/image-plan.md
  • marker-doodle-brand-studio/references/images/firnook-market.webp
  • marker-doodle-brand-studio/references/images/firnook-pouches.webp
  • marker-doodle-brand-studio/references/images/insight-consistency.webp
  • marker-doodle-brand-studio/references/images/insight-logo.webp
  • marker-doodle-brand-studio/references/images/insight-personality.webp
  • marker-doodle-brand-studio/references/images/insight-presscheck.webp
  • marker-doodle-brand-studio/references/images/juno-bw.webp
  • marker-doodle-brand-studio/references/images/juno-cutout.webp
  • marker-doodle-brand-studio/references/images/marrowbay-hut.webp
  • marker-doodle-brand-studio/references/images/marrowbay-tote.webp
  • marker-doodle-brand-studio/references/images/process-hands.webp
  • marker-doodle-brand-studio/references/images/studio-shed.webp
  • marker-doodle-brand-studio/references/images/wickmoor-evening.webp
  • marker-doodle-brand-studio/references/images/wickmoor-tins.webp
  • marker-doodle-brand-studio/references/images/wigglewax-box.webp
  • marker-doodle-brand-studio/references/images/wigglewax-table.webp
  • marker-doodle-brand-studio/references/interior-pages.md
  • marker-doodle-brand-studio/references/motion-system.md
  • marker-doodle-brand-studio/references/page-library.md
  • marker-doodle-brand-studio/references/quality-checklist.md
  • marker-doodle-brand-studio/references/reui-components.md
  • marker-doodle-brand-studio/references/route-inventory.md
  • marker-doodle-brand-studio/references/style-guide.md
  • marker-doodle-brand-studio/references/template.html
  • marker-doodle-brand-studio/references/visual-contract.md
  • marker-doodle-brand-studio/scripts/inline-assets.mjs
  • marker-doodle-brand-studio/scripts/validate-marker.mjs

SKILL.md

Build a loud, warm, hand-drawn website for a brand or packaging designer: cobalt, red and yellow marker accents on warm paper, a laughing cut-out portrait in a cobalt blob, colour-blocked service cards and real packaging photography.…

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 (Marker-Doodle Brand Studio). Download https://skilloop.dev/downloads/free/marker-doodle-brand-studio.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so marker-doodle-brand-studio/SKILL.md exists. Or: Read https://skilloop.dev/skills/marker-doodle-brand-studio/install.md and follow the instructions.
One-line install (download + unzip) · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/marker-doodle-brand-studio.zip -o /tmp/marker-doodle-brand-studio.zip && unzip -oq /tmp/marker-doodle-brand-studio.zip -d ~/.claude/skills/
One-line install (download + unzip) · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/marker-doodle-brand-studio.zip -o /tmp/marker-doodle-brand-studio.zip && unzip -oq /tmp/marker-doodle-brand-studio.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/marker-doodle-brand-studio.zip -o /tmp/marker-doodle-brand-studio.zip && unzip -oq /tmp/marker-doodle-brand-studio.zip -d ~/.claude/skills/

Related skills