git404hub

what is typesetter fr?

wamikmk/typesetter — explained in plain English

Analysis updated 2026-05-18

22HTMLAudience · generalComplexity · 1/5Setup · easy

tl;dr

A Claude Code skill that turns any topic, chat, or file into a single, beautifully designed reading HTML document with /paper.

vibe map

mindmap
  root((Typesetter))
    What it does
      Turns text into HTML
      Fixed reading design
      Thesis-first structure
    Tech stack
      HTML
      CSS
      Claude Code skill
    Use cases
      Readable planning docs
      Concept explainers
      Markdown to guide conversion
    Audience
      Anyone using Claude Code
    Limits
      No JavaScript or interactivity
      Not for apps or state
      Fixed design system

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 make with this?

VIBE 1

Turn a messy planning conversation into a readable single-file document.

VIBE 2

Explain a concept you want to understand deeply as a designed reading page.

VIBE 3

Convert a rough markdown file into a polished guide to share with someone else.

VIBE 4

Compare a small set of options side by side using a card layout.

what's the stack?

HTMLCSSClaude Code

how it stacks up fr

wamikmk/typesetterwhisperre/panguhurapanda/chees
Stars222221
LanguageHTMLHTMLHTML
Setup difficultyeasyeasyeasy
Complexity1/53/52/5
Audiencegeneraldevelopergeneral

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

how do i run it?

Difficulty · easy time til it works · 5min

Copy the skill folder into .claude/skills/ or ~/.claude/skills/ and restart Claude Code to pick it up.

in plain english

Typesetter is a Claude Code skill that turns a topic, a conversation, or an uploaded file into a single, nicely designed HTML document, triggered by typing /paper or /typeset. The point of it is to give plain text explanations a proper reading layout instead of leaving them as raw markdown full of hash symbols and dashes, since that kind of formatting can be hard to read comfortably. It accepts three kinds of input. You can give it a topic and Claude will explain it using what it already knows, you can point it at something you already discussed in the conversation so it can turn that into a readable document, or you can upload a markdown or text file and have it restructured and typeset. If you invoke it without giving it anything to work from, it will simply ask what the document should teach and who it is meant for. The output is always a single HTML file with no JavaScript, no external requests, and no interactive controls, since the author is clear that this produces a document meant for reading, not an app. The visual design itself never changes between documents, using a warm paper background, dark text, a serif font for the body, and a small, fixed set of accent colors, with only the accent color mood adjustable on request. Before writing anything, the skill follows a process: it identifies one single central idea for the document, called the thesis, breaks the content into around six to eight sections, and chooses from a small library of layout components, like cards for a few parallel options or a numbered list for a genuine sequence of steps, matching the shape of the content honestly rather than picking a component just to look interesting. To install it, you place the skill's folder into a Claude Code skills directory, either scoped to one project or available everywhere, keeping all of its included files intact. It is not meant for content that needs interactivity or changing state, since that falls outside the reading document design it is built around.

prompts (copy fr)

prompt 1
/paper explain how transformers pay attention to context
prompt 2
/paper this plan we just worked out
prompt 3
Typeset the markdown file I just uploaded into a readable document.
prompt 4
Install the typesetter skill and show me how /paper differs from /typeset.
prompt 5
Explain the thesis-first rule this skill uses before writing any document.

Frequently asked questions

what is typesetter fr?

A Claude Code skill that turns any topic, chat, or file into a single, beautifully designed reading HTML document with /paper.

What language is typesetter written in?

Mainly HTML. The stack also includes HTML, CSS, Claude Code.

How hard is typesetter to set up?

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

Who is typesetter for?

Mainly general.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.