distill-design

distill-design is a plugin for Claude Code from geo-mena/distill. Its manifest loads nothing; the 1 skill, 7 commands it bundles cost 203 tokens per session together, scanned A, original, MIT.

A design system based on Distill.pub, an editorial platform for presenting research and explanations. It provides visual rules, interface building blocks, icons, writing guidance, and authoring tools.

In plain words
What is it for?
Use it when building TSX interfaces or editorial diagrams that follow the Distill.pub style. It covers design tokens, reusable components, service icons, voice rules, and author tools.
Why use it?
It gives a project a shared visual and editorial foundation instead of requiring each interface or diagram to be designed from scratch.

Plugin for Claude Code

Written for Claude Code: a Claude Code plugin manifest.

Good fit Use it when building TSX interfaces or editorial diagrams that follow the Distill.pub style. It covers design tokens, reusable components, service icons, voice rules, and author tools.

Compare 6 plugins from other repositories ↓
Install in Claude Code
/plugin marketplace add geo-mena/distill
/plugin install distill-design
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Clone the repo
git clone --depth 1 https://github.com/geo-mena/distill

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for distill-design

README.md
[![agentmods](https://agentmods.dev/badge/plugins/geo-mena/distill/distill-design/github.svg)](https://agentmods.dev/plugins/geo-mena/distill/distill-design)
Your own site
<a href="https://agentmods.dev/plugins/geo-mena/distill/distill-design"><img src="https://agentmods.dev/badge/plugins/geo-mena/distill/distill-design/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for distill-design

Your own site · 80×15
<a href="https://agentmods.dev/plugins/geo-mena/distill/distill-design"><img src="https://agentmods.dev/badge/plugins/geo-mena/distill/distill-design.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session not measured What this adds to a session before it is invoked.
When invoked not measured The manifest loads nothing itself; its 1 skill, 7 commands cost 203 tokens a session between them.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Security

Grade A, and why

distill-design scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/distill-design/.claude-plugin/plugin.json · 14 lines

What it actually says

{
  "name": "distill-design",
  "description": "Distill.pub design system as a Claude Skill: tokens, TSX primitives, line-art service icons, voice rules, and author tools (canvas + tweaks panel) for editorial-diagrammatic interfaces",
  "version": "0.4.0",
  "author": {
    "name": "geo-mena"
  },
  "repository": "https://github.com/geo-mena/distill",
  "license": "MIT",
  "skills": [
    "./"
  ]
}
Contents

What it installs

The manifest is a name and a version. 1 skill, 7 commands travel with it, and installing the plugin installs all of them — 203 tokens a session between them. Each is measured on its own page, and each can be installed alone.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 14 lines scan A bf7d25918758

Subscribe to this mod's changes

distill-design is a plugin published in the GitHub repository geo-mena/distill (2 stars, last pushed 4mo ago), licensed MIT. Its token cost is not measured: this kind of file is read by the harness, not the model. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other plugins, from other repositories

liquid-glass

Liquid Glass for SwiftUI on iOS 26 and iOS 27: an API reference verified against Apple's docs, system chrome (toolbars, tab bars, search, sheets) with the iOS 27 APIs and how to gate them, HIG rules, contrast measured on iOS 27, accessibility, performance, anti-patterns, patterns, ten example screens, and a linter…

heyparsadev/liquid-glass-skill · not measured

explainer-pack

Generate dense, visual-first HTML explainers — dark-themed, diagram-driven reference documents where every section is an inline-SVG visualization and prose is captions only.

Angelopvtac/explainer-pack · not measured

designlang

Extract any website's design language and ship it. Fourteen slash commands — /extract, /site, /grade, /battle, /remix, /pack, /theme-swap, /brand, /pair, /studio, /verify, /fidelity, /gallery, /dna — wrap the designlang CLI to pull DTCG tokens, Tailwind/shadcn/Figma vars, motion + voice, synthesize a whole-site…

Manavarya09/design-extract · not measured

naksha

A virtual design team for Claude Code, Cursor, Windsurf, Gemini CLI, and Copilot — powered by Naksha. Assembles specialist roles — UI designer, UX researcher, content designer, Figma expert, data viz, email, social, motion, presentation, brand strategy, illustration, video, conversational, spatial, compliance, and…

Adityaraj0421/naksha-studio · not measured

design-system-ops

Staff-level design system auditing, governance, documentation, validation, and communication — 36 skills, 4 agents, and 13 knowledge notes for the full design system lifecycle.

murphytrueman/design-system-ops · not measured

roast-my-design-system

Roast your repo's design system with real data: a health score, the receipts behind it (every colour, spacing value, duplicated component and inline style), and the first fixes ranked by payoff. Deterministic scanner, benchmarked against 119 public repos and 10 reputable design systems, one shareable light/dark HTML…

gregkozakiewicz/roast-my-design-system · not measured