Balkan Family Tree

Balkan Family Tree Plugin Marketplace

A Claude Code plugin marketplace for working with Balkan Family Tree JS libraries (V1 and V2).

Installation

1. Add the Marketplace

/plugin marketplace add viascopi/balkan-family-tree-marketplace

Or using the full URL:

/plugin marketplace add https://github.com/viascopi/balkan-family-tree-marketplace

2. Install the Plugin

/plugin install balkan-family-tree@balkan-family-tree-marketplace

Available Plugins

Plugin	Description
balkan-family-tree	Comprehensive skill for Balkan Family Tree JS (V1 & V2) - visualization, events, templates, and V1→V2 migration

Plugin Features

balkan-family-tree

• V2 Support - Complete documentation for the latest Family Tree JS library
• V1 Support - Full legacy API documentation for maintaining existing projects
• Migration Tools - Automated script and guide for converting V1 code to V2
• Quick Reference - Common patterns and code snippets for rapid development

Files Included

File	Description
SKILL.md	Core skill definition with quick reference
references/v2-guide.md	Complete V2 API documentation
references/v1-guide.md	Complete V1 API documentation
references/migration-v1-to-v2.md	Step-by-step migration guide
scripts/migrate-v1-to-v2.js	Automated migration helper script

Usage

Once installed, Claude Code will automatically use this plugin when you ask about family tree visualizations:

> Create a family tree showing 3 generations with photos

> Convert my V1 family tree code to V2

> Add a node for a new child in my family tree

> How do I handle click events in Balkan Family Tree?

Quick Reference

V2 (Recommended)

var family = new FamilyTree(document.getElementById("tree"), {
    nodeBinding: { field_0: "name", img_0: "img" },
    nodes: [
        { id: 1, pids: [2], name: "John", gender: "male" },
        { id: 2, pids: [1], name: "Jane", gender: "female" },
        { id: 3, mid: 2, fid: 1, name: "Child", gender: "male" }
    ]
});

V1 (Legacy)

var family = new FamilyTree(document.getElementById("tree"), {
    template: "john",
    nodeBinding: { field_0: "name" }
});
family.load([
    { id: 1, pids: [2], name: "John" },
    { id: 2, pids: [1], name: "Jane" },
    { id: 3, mid: 2, fid: 1, name: "Child" }
]);

Updating

To get the latest version of the marketplace:

/plugin marketplace update balkan-family-tree-marketplace

Then reinstall the plugin to get updates:

/plugin install balkan-family-tree@balkan-family-tree-marketplace

Uninstall

Remove the plugin:

/plugin uninstall balkan-family-tree@balkan-family-tree-marketplace

Remove the marketplace:

/plugin marketplace remove balkan-family-tree-marketplace

Resources

• Balkan Family Tree V2 Docs
• Balkan Family Tree V1 Docs
• Claude Code Plugin Documentation

License

MIT