How do I install the Content/jekyll Mindmap skill?

Run npx skillmds@latest add latticecast/content-jekyll-mindmap in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Content/jekyll Mindmap safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Content/jekyll Mindmap?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Content/jekyll Mindmap free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Content/jekyll Mindmap?

LatticeCast (@latticecast) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Content/jekyll Mindmap by latticecast

Name: Content/jekyll Mindmap
Rating: 4.5 (4 reviews)
Author: LatticeCast

File contents

Jekyll Mindmap (Markmap)

Create mind map visualizations using Jekyll markdown format with markmap layout.

Format

Frontmatter

---
title: "Topic - mindmap"
layout: page/note/markmap
---

Structure

# h1 is the root node (central topic)
Nested bullet points * create branches and sub-branches
Indentation depth determines hierarchy level
Each bullet point becomes a node in the mind map

Media Embedding

YouTube videos use iframe inline within bullet points:

* topic
  * <iframe width="450" height="255" src="https://www.youtube.com/embed/VIDEO_ID" title="Video Title" frameborder="0" ></iframe>

Images use HTML img tags inline within bullet points (never markdown ![]()):

* topic <img src="./image.webp" width="450">
* <img src="https://example.com/image.png" width="450" style="background-color: white;">

Content Guidelines

Keep node text concise — mind maps are for overview, not paragraphs
Group related concepts under common parent nodes
Use 2-4 top-level branches from the root
Embed media (iframes, images) as leaf nodes or inline with text
Deeper nesting (4-5 levels) is fine for detailed sub-topics
Use inline <img> with width to control size

Example

---
title: Topic - mindmap
layout: page/note/markmap
---

# Main Topic

* Branch One
  * Sub-topic A
    * detail
    * <iframe width="450" height="255" src="https://www.youtube.com/embed/VIDEO_ID" title="Reference" frameborder="0" ></iframe>
  * Sub-topic B
    * point 1
    * point 2

* Branch Two
  * Concept X vs Concept Y
    * comparison detail
    * <img src="https://example.com/diagram.svg" height="300" style="background-color: white;">
  * Concept Z
    * <img src="./local-image.webp" width="450">

* Branch Three
  * Key idea
    * supporting point
    * supporting point
  * Another idea
    * detail with image <img src="./photo.webp" width="450">

---name: content-jekyll-mindmapdescription: Create Jekyll mindmap visualizations using markmap layout. Use when building mind maps with nested bullet points.---# Jekyll Mindmap (Markmap)Create mind map visualizations using Jekyll markdown format with markmap layout.## Format### Frontmatter```yaml---title: "Topic - mindmap"layout: page/note/markmap---```### Structure- `# h1` is the root node (central topic)- Nested bullet points `*` create branches and sub-branches- Indentation depth determines hierarchy level- Each bullet point becomes a node in the mind map### Media EmbeddingYouTube videos use iframe inline within bullet points:```html* topic * <iframe width="450" height="255" src="https://www.youtube.com/embed/VIDEO_ID" title="Video Title" frameborder="0" ></iframe>```Images use HTML img tags inline within bullet points (never markdown `![]()`):```html* topic <img src="./image.webp" width="450">* <img src="https://example.com/image.png" width="450" style="background-color: white;">```### Content Guidelines- Keep node text concise — mind maps are for overview, not paragraphs- Group related concepts under common parent nodes- Use 2-4 top-level branches from the root- Embed media (iframes, images) as leaf nodes or inline with text- Deeper nesting (4-5 levels) is fine for detailed sub-topics- Use inline `<img>` with `width` to control size## Example```markdown---title: Topic - mindmaplayout: page/note/markmap---# Main Topic* Branch One * Sub-topic A * detail * <iframe width="450" height="255" src="https://www.youtube.com/embed/VIDEO_ID" title="Reference" frameborder="0" ></iframe> * Sub-topic B * point 1 * point 2* Branch Two * Concept X vs Concept Y * comparison detail * <img src="https://example.com/diagram.svg" height="300" style="background-color: white;"> * Concept Z * <img src="./local-image.webp" width="450">* Branch Three * Key idea * supporting point * supporting point * Another idea * detail with image <img src="./photo.webp" width="450">```

Frequently asked questions

Content/jekyll Mindmap