菜单
Export the current Pi or Claude Code conversation transcript to a standalone HTML file. Use whenever the user invokes this skill, says /export, asks to export/share/save the current agent session, or wants a transcript HTML without manually finding a JSONL path or installing devlog.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
Use this skill when the user wants to set up a new TypeScript project or add standard tooling to an existing one. Triggers on phrases like "set up this repo", "initialize the project", "add linting", "scaffold this", "set up tooling", "configure typescript", or "sow".
Audit an API, CLI, or config surface for what it makes easy (affordances) and what it makes easy to get wrong (anti-affordances, footguns). Finds the pit-of-success versus the footgun, and the smell where the primary use is smooth but the secondary use is awkward. The principle: good design you act through without noticing; bad design makes you fight it. Use when designing or reviewing a public interface, library, SDK, or command surface. Triggers on "API ergonomics", "is this easy to misuse", "footgun", "pit of success", "review this interface", "review this CLI", "ergonomics".
Guidelines for authoring reusable UI components. Use when asked to create new frontend features, components, or design-adjacent tasks.
Always use when user asks to create, generate, draw, or design a diagram, flowchart, architecture diagram, ER diagram, sequence diagram, class diagram, network diagram, mockup, wireframe, or UI sketch, or mentions draw.io, drawio, drawoi, .drawio files, or diagram export to PNG/SVG/PDF.
A code-review lens that flags cleverness for its own sake, fashion-driven choices, premature abstraction, and indirection that serves the author instead of the reader. Asks one question of every choice: who does this serve? Empathy over ego: ego-driven work never produces something humane. Use when reviewing a diff or PR, especially a clever or trendy one. Triggers on "review this", "is this over-engineered", "too clever", "code review", "is this abstraction worth it".
Verify WCAG 2.1.1 (Keyboard) compliance by testing fuzzy, property-based focus invariants against a live page. Use when auditing keyboard accessibility, testing focus management, validating tab order, or checking that interactive elements are reachable. Prefer Chrome MCP/devtools tools when available; CDP via curl is also supported. Framework-agnostic.
基于 SOC 职业分类
| name | export |
| description | Export the current Pi or Claude Code conversation transcript to a standalone HTML file. Use whenever the user invokes this skill, says /export, asks to export/share/save the current agent session, or wants a transcript HTML without manually finding a JSONL path or installing devlog. |
| compatibility | Requires Node.js. No devlog, Bun, npm install, or network access required. |
Export the active Pi or Claude Code conversation as a single self-contained HTML transcript.
The user experience should feel like: “export this conversation.” Do not ask them to locate a session JSONL. The bundled helper infers the transcript file by scanning raw Pi/Claude session stores and choosing the newest session whose recorded cwd matches the current shell directory.
This skill is self-contained:
scripts/export-current.js detects the current session and writes HTML.scripts/pi-session.js and scripts/claude-session.js convert raw JSONL transcripts.scripts/render.js writes declarative HTML using the bundled web components.assets/ai-components.js and assets/session.css are the bundled UI runtime.The web components are already bundled inside assets/ai-components.js; the export does not install or fetch @cianfrani/ai-ui at runtime. The transcript is emitted as readable <ai-conversation>, <ai-message>, <ai-markdown>, and <ai-tool-call> HTML instead of a giant JSON data blob.
read call that loaded this file.node /absolute/path/to/export/scripts/export-current.js
Then report the generated .html path.
Useful options:
node /absolute/path/to/export/scripts/export-current.js --open
node /absolute/path/to/export/scripts/export-current.js --out /path/to/transcript.html
node /absolute/path/to/export/scripts/export-current.js --source pi
node /absolute/path/to/export/scripts/export-current.js --source claude
node /absolute/path/to/export/scripts/export-current.js --session /path/to/session.jsonl
Prefer the plain command first. It writes an .html file in the current project directory and prints both the output path and source transcript path.
Only then ask one clarifying question or retry with a targeted source:
--source pi.--source claude.--session.Do not require devlog. The helper reads raw Pi/Claude session files directly and renders the same standalone viewer used by devlog-ui.