disler

Split View Editor — Documentation skill for Claude Code

Documentation community

Give the Inkwell editor a side-by-side markdown view — edit on the left, live preview on the.

How to install Split View Editor

Installs to ~/.claude/skills/disler-inkwell-agent-sandboxes-and-software-factory-split-view-editor/SKILL.md

Terminal
mkdir -p ~/.claude/skills/disler-inkwell-agent-sandboxes-and-software-factory-split-view-editor && curl -fsSL https://raw.githubusercontent.com/disler/inkwell-agent-sandboxes-and-software-factory/HEAD/prompts/split-view-editor.md -o ~/.claude/skills/disler-inkwell-agent-sandboxes-and-software-factory-split-view-editor/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Split View Editor does

Give the Inkwell editor a side-by-side markdown view — edit on the left, live preview on the right — and let the writer switch between three modes: edit, split, and preview. A hot key cycles between the modes. Where: apps/inkwell/public/index.html (mode markup), apps/inkwell/public/app.js (mode state, hot key, live preview rendering), apps/inkwell/public/style.css (the three layouts), apps/inkwell/server.test.ts (tests). Done means: split mode shows the editor and a live-updating rendered previe

Alternatives in Documentation

  • PDF — Extract text, create PDFs, merge/split documents, and handle forms 94.1k ★
  • 会话管理(Session Manager)需求文档(PRD / Markdown) — 目标:对 Codex / Claude Code 的本地会话记录进行可视化管理,并提供“一键复制 / 一键终端恢复”能力 31.7k ★
  • Repo Recap — Generate a structured recap of the repository state: open PRs, open issues, recent releases, and executive sum 11.9k ★

Full documentation available on GitHub

View Source Repository