founddream/quire

★ 6HTMLAudience · designerComplexity · 2/5ActiveLicenseSetup · easy

Mindmap

mindmap
  root((Quire))
    Inputs
      Trigger phrases
      Fillable templates
      Editorial content
    Outputs
      HTML documents
      Typeset PDFs
      Slide decks
    Use Cases
      Build a white paper
      Typeset a playbook
      Render a landing page
    Tech Stack
      HTML
      CSS
      Agent skill

mindmap root((Quire)) Inputs Trigger phrases Fillable templates Editorial content Outputs HTML documents Typeset PDFs Slide decks Use Cases Build a white paper Typeset a playbook Render a landing page Tech Stack HTML CSS Agent skill

Things people build with this

USE CASE 1

Have Claude Code or Codex build a Quire-styled white paper from your draft

USE CASE 2

Render an A4 single-page report as both HTML and PDF

USE CASE 3

Produce a 16:9 HTML slide deck with the locked Quire visual rules

USE CASE 4

Install Quire as a generic agent skill via npx for cross-tool reuse

Tech stack

HTMLCSSNode

Getting it running

Difficulty · easy Time to first run · 5min

Install is one npx command, but PDF rendering may need extra browser or print tooling depending on the template.

MIT lets you use, modify, and redistribute the code commercially as long as you keep the copyright notice.

In plain English

Quire is a design system for making editorial documents that all share one visual language. The name comes from the oldest unit of bookmaking: a quire is a stack of folded sheets, gathered before they were bound into a codex. The author frames Quire as that base unit, not a finished template or theme, but the building block you compose documents from. The system covers five document shapes from the same kit: a white paper (A4 portrait, 8 to 30 pages), a single-page report (A4 portrait, one page), a landing page (A4 width, continuous scroll), a playbook (11 by 8.5 inch landscape, 10 to 80 pages), and a slide deck (16:9 HTML slides, 5 to 60 slides). Each one renders as live HTML in the browser and also as a typeset PDF, and the README links to live samples of every format. The visual rule is strict and described as monochromatic by design. There is one cool canvas color that is never pure white, one near-black cool ink for text, and one sky-blue accent (#1cb2f5) which is the only chromatic color allowed in the system. The accent is locked, and the README says there is no second chromatic hue permitted anywhere. Serif typography carries the hierarchy instead of color or weight tricks. Quire is packaged as an agent skill, meaning AI coding assistants can install and use it. The install command is npx skills add FoundDream/Quire, with flags for Claude Code, Codex, or generic agents. A manual install via git clone into a skills directory also works without Node. Inside the repo you find SKILL.md as the agent entry point, a cheatsheet, full spec references, shared CSS for typography, fillable HTML templates, rendered demo outputs, and build scripts. The triggers are short phrases in English or Chinese like build me a playbook or typeset a white paper. The license is MIT.

Copy-paste prompts

Prompt 1

Give me a 5-minute install guide for Quire as a Claude Code skill via npx skills add

Prompt 2

Show me which trigger phrases like build me a playbook map to which Quire template

Prompt 3

Walk me through Quire's five document shapes and the page ranges allowed for each

Prompt 4

Explain Quire's monochromatic rule with the locked #1cb2f5 accent and serif hierarchy

Prompt 5

How do I manually install Quire by git clone into a skills directory without Node

Open on GitHub → Explain another repo

Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.