Skip to content
SkillCheatSheet Sign in

design-guide

An AI agent skill from paperclipai/paperclip, scored 61 out of 100 by code.

61/ 100C

Code score by group

  • Spec20/20
  • Description7/20
  • Procedure10/15
  • Done criteria0/15
  • Resources9/10
  • Scripts5/8
  • Safety7/7
  • Upkeep3/5

It loses the most points in Done criteria (15), the group that checks whether there is a checklist and a step that verifies the work.

What the author says it does

Paperclip UI design system guide for building consistent, reusable frontend components. Use when creating new UI components, modifying existing ones, adding pages or features to the frontend, styling UI elements, or when you need to understand the design language and conventions. Covers: component creation, design tokens, typography, status/priority systems, composition patterns, and the /design-guide showcase page. Always use this skill alongside the frontend-design skill (for visual quality) and the web-design-guidelines skill (for web best practices).

This is the description in the skill's own SKILL.md, written by its author, not by SkillCheatSheet.

Repository
paperclipai/paperclip
Folder
.claude/skills/design-guide
License
MIT
GitHub stars
113,267
SKILL.md lines
352
Other files
1

Add design-guide to your agent

npx skills add paperclipai/paperclip --skill design-guide

The command uses the open skills CLI. A skill is instructions and scripts your agent will follow, so read it first: open the folder on GitHub at the commit that was scored.

More skills from paperclipai/paperclip

  1. wiki-query

    Use when an LLM Wiki operation issue asks a question. Answer from wiki pages and raw sources with citations, name gaps plainly, and offer to file durable synthesis when the answer…

    Verified82B
  2. paperclip-dev-workspace-run-verify-fix

    Run, verify, reseed, and repair Paperclip isolated dev workspace services. Use when asked to start or fix a managed project/worktree service and prove health, login readiness, clo…

    81B
  3. terminal-bench-loop

    Run one Terminal-Bench task through a bounded Paperclip smoke/diagnosis/fix loop. Use when asked to drive Terminal-Bench until it passes, rerun a Terminal-Bench loop, or iterate w…

    Verified81B
  4. create-verification-skill

    Generate a project-local verification skill that drives your app the way a user does — any language, framework, or platform. Use for /create-verification-skill, "make a control sk…

    79B
  5. wiki-lint

    Use when an LLM Wiki operation issue is a lint or health check. Audit for contradictions, orphans, weak provenance, broken links, missing concept pages, and index/log drift; retur…

    79B
  6. check-pr

    Check a GitHub, GitLab, or Perforce PR/MR/CL for review comments, failing checks, and PR-body gaps. Use when asked to inspect, fix, or prepare a change for submission.

    77B
  7. paperclip-capsules

    Generate, implement, or review Paperclip capsule visuals. Use for capsule art, agent capsules, heartbeat status capsules, identicons, capsule banks, or brand-usage validation.

    77B
  8. paperclip-create-plugin

    Create and develop external Paperclip plugins with the CLI-first workflow. Use when scaffolding a plugin, iterating on a local plugin, installing it into Paperclip, or updating pl…

    77B

All skills in paperclipai/paperclip

Scores come from a snapshot of 300 public GitHub repositories taken on 12 November 2026. Every score is the result of fixed checks run by code; no AI is involved. How scoring works.