Skip to content
Get packs

Paperclip Capsules Design Guide

Makes the agent create or review Paperclip brand capsule visuals using the project's rules

Source Download skill
Repository
paperclipai/paperclip
Stars
110,078
Licence
MIT
Files
5 files

What it does

Once installed, the agent follows Paperclip's brand rules when making or checking 'capsule' graphics, which are the tall pill-shaped marks that represent AI agents in the Paperclip product. It knows to use capsules only for agents or agent status, to keep the gradient palettes out of buttons and page backgrounds, to pick the right capsule type (individual agent, status marker, hero banner, generated layout or seeded identicon), and to record the seed, template and dimensions of generated assets. It also points the agent to the existing app component files rather than rebuilding them from memory.

Great for

  • Designers or engineers building Paperclip product UI or marketing graphics that use capsules
  • Marketers producing Paperclip feature videos or hero imagery who need brand-correct output
  • Reviewers checking whether a design misuses the capsule motif

Skip it if

  • Generic pill, badge or button design outside Paperclip, since the skill forbids capsules unless the surface involves agents
  • Anyone expecting a general-purpose image generator; it is a set of rules and references, not a renderer

Try asking

  • “Create a status capsule for a paused agent in the Paperclip dashboard and show me the reduced-motion fallback”
  • “Review this landing page mockup for Paperclip brand correctness and flag any capsule misuse”
  • “Generate a seeded identicon capsule for agent 'build-bot' and record the seed and palette”
  • “Build a hero capsule bank image for the Paperclip feature video following the canonical spec”
Step-by-step guide: how to use Paperclip Capsules Design GuideInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 5 original files, the MIT licence and an attribution note.

    paperclip-capsules.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip paperclip-capsules.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip paperclip-capsules.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Name the capsule family up front (individual agent, heartbeat status, hero bank, generator layout or identicon) so the agent loads the correct reference file
  • Ask for the seed, config and source workflow in the output so the asset can be reproduced later
  • Give the agent the actual app source files so it reuses existing components instead of guessing styles

What's inside

  • references/generator-workflows.md
  • references/hero-capsule-bank.md
  • references/identicon-prototyper.md
  • references/individual-status-capsules.md
  • SKILL.md

Redistributed unmodified from paperclipai/paperclip under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.