Avinava/document-design-system

A design system for documents — analytical reports, diagrams, charts, decks, and long-form specs as self-contained HTML. Five Claude Code skills over one semantic token contract.

2Stars on the repository
27Mods indexed here, across every type
6d agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

Avinava/document-design-system

Skill Claude CodeCodex

Design evidence-led analytical documents from structured data — executive reports, portfolio reviews, operational audits, inventory analyses, compliance summaries, metric dashboards, and standalone self-contained HTML reports. Use when turning a CSV, inventory, export, or metric set into a professional document; when…

2 6d ago A 156 tokens original MIT

brand-theme-design

02

Avinava/document-design-system

Skill Claude CodeCodex

Turn a brand into a working theme for this design system — from a screenshot, a website, a PDF brand guide, a style guide, or a handful of hex values. Use when asked to match a company's brand, apply brand colors or brand guidelines to documents, make reports look like an existing site or product, build a theme from a…

2 6d ago A 163 tokens original MIT

chart-design

03

Avinava/document-design-system

Skill Claude CodeCodex

Design honest, accessible charts of quantitative data as inline SVG — bar and column charts, line and time series, limit ledgers, distributions, scatter plots, and small multiples. Use when visualizing measured values, choosing a chart type, picking or fixing chart colors, building a categorical palette from design…

2 6d ago A 131 tokens original MIT

diagram-design

04

Avinava/document-design-system

Skill Claude CodeCodex

Design editorial-quality diagrams as self-contained inline SVG — architecture diagrams, flows, sequences, state machines, data models, timelines, layer stacks, quadrants, comparisons, and system maps. Use when explaining how a system is arranged, how a process moves, how components depend on each other, or how options…

2 6d ago A 139 tokens original MIT

presentation-design

05

Avinava/document-design-system

Skill Claude CodeCodex

Design presentation decks as self-contained 16:9 HTML slides that export cleanly to PDF — board updates, project reviews, findings readouts, proposals, and conference talks. Use when building a deck, slides, a presentation, or a leadership readout; when converting a report or a set of findings into slides; or when an…

2 6d ago A 126 tokens original MIT

writing-documents

06

Avinava/document-design-system

Skill Claude CodeCodex

Write structured technical documents — design-doc, adr, spec, api-contract, architecture, handoff, design-handoff, discovery, test-report, postmortem, proposal, runbook, onboarding, tutorial, how-to, reference, explanation, mulesoft — as Markdown in the repo by default. Use when asked to write or restructure one of…

2 6d ago A 164 tokens original MIT