explaingit

founddream/quire

Analysis updated 2026-06-24

6HTMLAudience · designerComplexity · 2/5LicenseSetup · easy

TLDR

Monochromatic editorial design system packaged as an agent skill, with HTML and PDF templates for white papers, reports, landing pages, playbooks, and 16:9 slide decks.

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
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

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

What is it built with?

HTMLCSSNode

How does it compare?

founddream/quireabderazak-py/retro-homepagebenagastov/nim-wasm-compiler
Stars666
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity2/52/53/5
Audiencedesignerops devopsdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get 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

Frequently asked questions

What is quire?

Monochromatic editorial design system packaged as an agent skill, with HTML and PDF templates for white papers, reports, landing pages, playbooks, and 16:9 slide decks.

What language is quire written in?

Mainly HTML. The stack also includes HTML, CSS, Node.

What license does quire use?

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

How hard is quire to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is quire for?

Mainly designer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.