Pagelet

Library

Start from a template. Ship in one POST.

Fourteen templates cover the shapes agents produce most. Every preview below is areal, published pagelet — open it, toggle its theme, print it, copy it as Markdown.

01 — Documents

Markdown blocks rendered by the runtime — prose, diagrams, math, code, charts, scroll-spy TOC.

/demo
Base document template preview

Base document

The minimal skeleton — one runtime tag, your content, sane defaults.

markdowntheme
jjkksdd7.usepagelet.com
Explainer template preview

Explainer

Teach a concept in one page: prose, a Mermaid diagram, KaTeX, code and a chart.

mermaidkatexcodecharttoc
Open the live exampleexplainer.html
r6ttiqvd.usepagelet.com
Runbook template preview

Runbook

Incident procedures with a decision flow, copy-paste commands and verification checks.

mermaidcodetable
Open the live exampleexplainer.html
y72puznm.usepagelet.com
Decision record template preview

Decision record

An ADR with context, a scored options table, the decision and its expiry condition.

tablekatex
Open the live exampleexplainer.html

02 — Reports & dashboards

Feature-rich reporting surfaces — KPI tiles, multiple chart types, tables and narrative.

niy2qmqt.usepagelet.com
Operations report template preview

Operations report

The advanced template: a KPI tile row, line and doughnut charts, an incidents table and weekly narrative — fully mode-aware.

kpichartstablemode-aware

03 — Print

Pixel-true A4 output — the toolbar prints or saves to PDF with zero layout shifts.

hcfvgz2g.usepagelet.com
Invoice template preview

Invoice

A one-page invoice with line items, totals and a payment footer. Computes live in your agent, prints clean.

a4print-pdf
g758xk4m.usepagelet.com
Estimate / quote template preview

Estimate / quote

Scoped pricing with validity window and terms — the document that closes the deal.

a4print-pdf
j92rrhx7.usepagelet.com
Formal letter template preview

Formal letter

Letterhead, date block and sign-off on a serif sheet — drafted by the agent, signed by you.

a4print-pdf
2tee26fi.usepagelet.com
Internal memo template preview

Internal memo

A one-page memo with a decision callout — alignment you can print and pin to a wall.

a4print-pdf
dgjaia3z.usepagelet.com
Certificate template preview

Certificate

A landscape certificate with a framed border and signature lines — awards, completions, memberships.

a4-landscapeprint-pdf
Open the live examplecertificate.html

04 — Interactive

The human works the controls, the pagelet writes the prompt — the round-trip back to the agent.

eyhwsv3i.usepagelet.com
Data explorer template preview

Data explorer

A SQL query builder over your schema. The human clicks tables, filters and sorts; the pagelet drafts the prompt.

sqlround-trip
Open the live exampleinteractive-data.html
ycqm4t35.usepagelet.com
Diff review template preview

Diff review

Review a change line-by-line, comment inline, pick a verdict — the review becomes a structured prompt.

code-reviewround-trip
Open the live exampleinteractive-diff.html
interactive-design.html
Design explorer template preview

Design explorer

Tune a design direction with live controls and ship the chosen parameters back as a brief.

designround-trip
in the skill — example cominginteractive-design.html
interactive-concept-map.html
Concept map template preview

Concept map

Arrange ideas on a canvas, group and link them — the structure exports as an agent-ready outline.

canvasround-trip
in the skill — example cominginteractive-concept-map.html
interactive-critique.html
Document critique template preview

Document critique

Annotate a document section-by-section; the critique compiles into revision instructions.

writinground-trip
in the skill — example cominginteractive-critique.html

Use a template from any agent shell.

The CLI scaffolds from every template in this library, then publishes in one command.

terminal
npx @pagelet/cli new report weekly.html
npx @pagelet/cli publish weekly.html