Render documents as self-contained HTML pages — with a shared Tailwind v3 + shadcn-style design system — instead of markdown. Sheaf is a Claude Code skill, packaged as a marketplace plugin.
- A skill that triggers automatically on "create a report", "write a plan", "draft a summary", "explain how X works", "give me a status update", etc.
- A ~50 KB pre-compiled CSS layer with semantic component classes (
card,btn,badge,alert,stat,timeline,prose, ...). - A ⌘K command palette that auto-discovers every page in the workspace and a light/dark toggle.
- A
scan.jsscript that maintains apages.jsonmanifest for cross-page navigation.
Add a screenshot of skills/sheaf/references/components.html rendered, or a generated page.
From a Claude Code session:
/plugin marketplace add nicolaslescop/sheaf
/plugin install sheaf@sheaf
Or from a local clone:
/plugin marketplace add /absolute/path/to/sheaf
/plugin install sheaf@sheaf
- "Draft me a status report on the Q2 migration."
- "Write an implementation plan for switching to OAuth."
- "Explain how our caching layer works."
- "Give me a post-mortem template for last week's incident."
sheaf/
├── .claude-plugin/marketplace.json # marketplace manifest
├── skills/sheaf/ # the distributed skill
│ ├── SKILL.md
│ ├── assets/ # app.css, app.js, template.html
│ ├── references/ # cheatsheet.md, components.html
│ └── scripts/scan.js
├── build/ # Tailwind tooling (contributors only — not shipped)
├── README.md
├── LICENSE
└── .gitignore
CSS changes go through build/:
cd build
npm install
npx tailwindcss -i ./tw-src.css -o ../skills/sheaf/assets/app.css --minifyPRs welcome — keep the component vocabulary stable and the CSS minified.
MIT — see LICENSE.