skills.rest
ShunsukeHayashi
ShunsukeHayashiCOMMUNITY
Explore all skills by this author →
Website𝕏@The_AGI_WAYGitHub

lark-whiteboard-cli

Render architecture, flowchart, mind map, and sequence diagrams via Whiteboard CLI.

Updated Aug 27, 2026
Search Tags:#workflow#architecture#mermaid#rendering#diagram#whiteboard-cli
One-click install
npx skills add https://github.com/ShunsukeHayashi/lark-harness --skill lark-whiteboard-cli-shunsukehayashi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lark-whiteboard-cli
Source: https://github.com/ShunsukeHayashi/lark-harness/tree/main/lark-whiteboard-cli
Command: npx skills add https://github.com/ShunsukeHayashi/lark-harness --skill lark-whiteboard-cli-shunsukehayashi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Draw and render architectural diagrams, workflows, mind maps, and sequence visuals consistently using the Whiteboard CLI, turning manual diagramming into repeatable, shareable assets.

Core Features & Use Cases

  • Deterministic diagram rendering via the Whiteboard CLI with DSL or Mermaid pathways.
  • Step-by-step workflow: install required tools, configure environment, and render diagrams from JSON/diagram definitions.
  • Examples include architecture diagrams, flowcharts, swimlanes, and mind maps for quick collaboration and documentation.

Quick Start

Install the required CLI tools, configure your environment, and render your first diagram following the workflow.

Frequently Asked Questions about lark-whiteboard-cli

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render architecture diagrams using a CLI workflow?▼

To render architecture diagrams using a CLI workflow, you can use the Whiteboard CLI with either DSL-based layouts or Mermaid definitions. This approach turns manual diagramming into deterministic, reproducible outputs for documentation and collaboration.

What is the best way to generate flowcharts and mind maps from text definitions?▼

The best way to generate flowcharts and mind maps from text definitions is using Mermaid or JSON DSL inputs with a rendering tool. The Whiteboard CLI skill provides structured workflow steps to convert these definitions into consistent visual assets.

Do I need Node.js 18+ to use the Whiteboard CLI for diagram rendering?▼

Yes, you need Node.js 18+ to use the Whiteboard CLI for diagram rendering. The skill enforces Node.js 18+ compatibility and requires the lark-cli tool to ensure predictable outputs when processing architecture diagrams and sequence visuals.

Can I render sequence diagrams and swimlanes using Mermaid syntax?▼

Yes, you can render sequence diagrams and swimlanes using Mermaid syntax. The Whiteboard CLI supports Mermaid-based rendering pathways alongside DSL-based layouts, allowing you to create consistent visuals for engineering and design tasks.

Why are my DSL-based diagram layouts not producing predictable outputs?▼

DSL-based diagram layouts may not produce predictable outputs if the environment is misconfigured or Node.js version requirements are unmet. Following the structured workflow steps for installation and configuration ensures reproducible diagram rendering.

Related Skills

Explore More Design & Creative Skills→
bengousbengous
3

mermaid-diagrams

Create, edit, and fix Mermaid diagrams from natural language prompts.

Community
Basic
SherifEldeebSherifEldeeb
5

image-generation

Generate diagrams, charts, and visual assets for security documentation.

Community
Advanced
jg-chalk-iojg-chalk-io

moai-mermaid-diagram-expert

Render Mermaid diagrams into SVG and PNG images via CLI.

Community
Advanced
royhenengelroyhenengel

architecture-diagrams

Generate system architecture diagrams, C4 models, flowcharts, and sequence diagrams using Mermaid and PlantUML.

Community
Intermediate