jrpease

Document Component — Design skill for Claude Code

Design community

Author, refresh, or reconcile the usage documentation for one existing component — draft its canonical doc record from four sources, project it to Figma, the doc card, and code, and resolve any drift.

How to install Document Component

Installs to ~/.claude/skills/jrpease-throughline-document-component/SKILL.md

Terminal

mkdir -p ~/.claude/skills/jrpease-throughline-document-component && curl -fsSL https://raw.githubusercontent.com/jrpease/throughline/HEAD/commands/document-component.md -o ~/.claude/skills/jrpease-throughline-document-component/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Document Component does

description: Author, refresh, or reconcile the usage documentation for one existing component — draft its canonical doc record from four sources, project it to Figma, the doc card, and code, and resolve any drift via a reviewable per-item choice.

Document a single existing component end to end, using the settings already in `design-system.json` (`project.uiFramework`, `figma.mechanism`, `sync.platforms`) rather than re-asking configuration. Scale explanation to `user.codingLevel`.

Ask

Alternatives in Design

Weather Orchestrator Command — Fetch the current temperature for Dubai, UAE and create a visual SVG weather card 20.2k ★
NotebookLM Automation — Complete programmatic access to Google NotebookLM—including capabilities not exposed in the web UI 6.8k ★
Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★