Split View Editor banner
disler disler

Split View Editor

Documentation community

Description

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

Installation

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.

Full documentation available on GitHub

View Source Repository