paperclip-capsules

Generate, implement, and review Paperclip capsule visuals for agent representation.

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/adamtpang/summon.company --skill paperclip-capsules-adamtpang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: paperclip-capsules
Source: https://github.com/adamtpang/summon.company/tree/main/packages/skills-catalog/catalog/bundled/product/paperclip-capsules
Command: npx skills add https://github.com/adamtpang/summon.company --skill paperclip-capsules-adamtpang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Paperclip capsule visuals must consistently represent agents across product UI, marketing, and video surfaces, but teams often misuse capsule gradients on generic chrome, mix up palette families, or ship animations without reduced-motion fallbacks. This Skill enforces the canonical capsule rules so every capsule asset stays on-brand and reproducible. ## Core Features & Use Cases - Capsule family routing: Directs work to the correct surface—individual agent capsules, heartbeat status capsules, hero capsule bank, graphic-generator layouts, or seeded identicons—each with its own reference spec. - Canonical specifications: Provides exact geometry, gradient palettes, grain overlay, wave motion formulas, and status color mappings for hero banks, app capsules, and status pills. - Reproducible generation: Defines deterministic identicon variants, dither algorithms, color schemes, and an artifact record template capturing seed, config, and export details. - Use Case: A designer needs a hero capsule bank for a launch video. The Skill supplies the exact 8x12 layout, 45-gradient palette, grain settings, and 4-second wave loop, plus a rendering checklist to validate the output. ## Quick Start Use the paperclip-capsules skill to generate a seeded capsule identicon for a new agent and record its seed, variant, and palette.

Frequently Asked Questions about paperclip-capsules

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

FAQPage Schema
How do I create a Paperclip capsule identicon for an agent?

Use the seeded identicon prototyper workflow with a normalized seed, variant, density, and theme. Choose from gradient variants like smooth, sheen, mesh, or aurora, or dither variants like Floyd-Steinberg and Bayer, then record the seed and config for reproducibility.

What is the correct way to render the Paperclip hero capsule bank?

Render 8 columns of 12 capsules on a 1200x675 viewBox with background #141413, using the 45 canonical gradients and per-column sequences. Apply the fractal-noise grain overlay masked to capsule shapes, and optionally loop the 4-second wave motion.

Can I use capsule gradients on buttons or badges?

No. Capsule gradients are reserved for agent representation only and must never appear on buttons, text, page backgrounds, cards, or generic UI chrome. The single decorative exception is the canonical hero capsule bank.

What colors do Paperclip heartbeat status capsules use?

Heartbeat status capsules are small solid pills: gray for idle and active, blue #2563EB with pulse for running, amber #F59E0B for paused, and red #DC2626 with blink for error. Reduced-motion settings remove the pulse and blink animations.

When should I not use capsule visuals in a design?

Avoid capsules for generic rounded pills, tags, nav items, decorative blobs, or illustrations unrelated to agents. Capsules must represent an agent, agent state, or the approved hero-bank exception; otherwise remove them from the design.