CHALKROOM
TEACHING & RESEARCH
FIELDNOTE
Field research deck
Open the live demoopens in a new tab
FIELDNOTE is a free AI Skill for Claude Code, Codex and Cursor that builds a field-notes research deck as one HTML file you can present, retype, print and export to PPTX. A field research deck on cream paper: handwritten margin notes draw red leader lines back into the body, key words get circled by hand, and interview quotes rise word by word. Eleven slides in one HTML file, editable in the browser, printable to a 16:9 PDF and exportable as PPTX.
What's included
- Eleven research slides with margin notes and leader lines, two pull-quote pages, a three-circle diagram and a limits page
- Retype any text in the browser; edits persist, and ⌘S saves an edited copy
- A 16:9 PDF with one page per slide, and a PPTX export whose text, tables and charts stay editable
Perfect for
- User researchers and field teams
- Product and design teams
- Anyone presenting research to non-researchers
What you need
- One conclusion per slide
- Your real figures and where they came from
- Claude Code, Codex or Cursor
FAQ
Paste it into Claude Code, Codex or Cursor with one conclusion per slide and your real figures. The AI writes a single deck.html in your project folder that plays on a double-click. How Skills work
They sit in a 180 px column on the right, and each one draws an SVG curve back to the sentence it belongs to. The curve is drawn with stroke-dashoffset on arrival and un-drawn on the way back. Pull-quote slides raise their type word by word, and the tape and paper grain are pure CSS, so the deck needs no image files at all.
Yes. Every piece of text is editable in the browser and your edits stay put, with ⌘S saving a fresh HTML file. The PDF button prints one 16:9 page per slide, and the PPTX button exports through pptxgenjs so the text, tables and charts stay editable in PowerPoint rather than arriving as pictures.
No. The Skill runs inside your own AI tool, and deck.html stays on your own machine.
Yes. Create an account or sign in, then copy it from this page.