Create and edit LogSeq Whiteboard files (.edn) with shapes, connectors, portals, and embeds on an infinite canvas. Use when working with whiteboard .edn files in a LogSeq graph, creating visual diagrams, mind maps, or spatial canvases, or when the user mentions LogSeq whiteboards.
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Um comando direto ignora o prompt de revisão. Verifique a origem antes de executá-lo.
Instruções da origem · Visualização somente leitura
name
logseq-whiteboards
description
Create and edit LogSeq Whiteboard files (.edn) with shapes, connectors, portals, and embeds on an infinite canvas. Use when working with whiteboard .edn files in a LogSeq graph, creating visual diagrams, mind maps, or spatial canvases, or when the user mentions LogSeq whiteboards.
LogSeq Whiteboards
LogSeq Whiteboards are infinite spatial canvases stored as .edn (Extensible Data Notation) files. Built on a custom fork of tldraw, they combine freeform drawing with LogSeq's knowledge graph — allowing you to place pages, blocks, shapes, connectors, images, and web embeds together on a visual canvas.
File Location
Whiteboard files are stored in the whiteboards/ directory of a LogSeq graph:
my-graph/
├── journals/
├── pages/
├── whiteboards/ ← Whiteboard .edn files here
│ ├── My Diagram.edn
│ └── Project Board.edn
├── assets/ ← Images referenced by whiteboards
└── logseq/
└── config.edn ← Can customize :whiteboards-directory
The directory name can be changed in config.edn via :whiteboards-directory.
EDN File Structure
Every whiteboard .edn file has two top-level sections: :blocks (shapes) and :pages (canvas metadata).
Rectangles for containers, cards, and labeled shapes.
{:logseq.tldraw.shape
{:type "box"
:id "uuid-here"
:point [0 0]
:size [1071 578]
:label "" ;; Text label inside box (can be empty)
:stroke "#ababab" ;; Border color
:fill "var(--ls-secondary-background-color)" ;; Fill color
:noFill false ;; false = filled, true = transparent
:strokeType "line" ;; "line" or "dashed"
:strokeWidth 2
:borderRadius 2 ;; Corner rounding in pixels
:fontSize 20 ;; Label font size
:fontWeight 400
:italic false
:rotation 0
:index 1
:scale [1 1]
:opacity 1
:parentId "page-uuid"
:nonce 1664366266231}}
Line Shape (Connectors and Arrows)
Lines connect shapes with optional arrowheads and labels.
{:logseq.tldraw.shape
{:type "line"
:id "uuid-here"
:point [2824 284] ;; Base point (origin for handles)
:stroke "var(--ls-primary-text-color, #000)"
:fill "var(--ls-secondary-background-color)"
:noFill true
:strokeType "line" ;; "line" or "dashed"
:strokeWidth 1
:label "" ;; Text label on the line
:fontSize 20
:fontWeight 400
:italic false
:handles ;; Start and end points (relative to :point)
{:start
{:id "start"
:canBind true ;; Can snap to other shapes
:point [0 0] ;; Relative position [x y]
:bindingId nil} ;; UUID of bound shape (nil = unbound)
:end
{:id "end"
:canBind true
:point [52 0] ;; End point relative to base
:bindingId nil}}
:decorations ;; Arrowheads
{:start nil ;; nil or "arrow"
:end "arrow"} ;; nil or "arrow"
:index 28
:scale [1 1]
:opacity 1
:parentId "page-uuid"
:nonce 1664464964296}}
Decorations: Set :start and/or :end to "arrow" for arrowheads. Use nil for no arrowhead.
Bindings: When a line connects to a shape, :bindingId references the bound shape's ID. The :bindings map in the page metadata tracks these connections.
Pencil Shape (Freehand Drawing)
Freehand strokes from the pencil tool.
{:logseq.tldraw.shape
{:type "pencil"
:id "uuid-here"
:point [212 160] ;; Base position
:points [[0 0 0.5]] ;; Array of [x y pressure] points (relative)
:stroke "" ;; Stroke color (empty = theme default)
:fill ""
:noFill true
:strokeType "line"
:strokeWidth 2
:scaleLevel "md"
:isComplete true ;; true when stroke is finished
:index 0
:scale [1 1]
:opacity 1
:parentId "page-uuid"
:nonce 1730788259525}}
Each point in :points is [x y pressure] where:
x, y are relative to the shape's :point
pressure is pen pressure (0.0 to 1.0, typically 0.5 for mouse)
Image Shape
Images reference assets stored in the graph's assets/ directory.