HAX

Preview

Installation

Schema & Prompt Control

Conversation

Installation

Instructions

# Initialize HAX in your project
agntcy-hax init

# Add the component
agntcy-hax add artifact mindmap

Usage

The mindmap component integrates with AI agents through CopilotKit. Users interact with AI agents through natural language, and the agents automatically create structured mindmaps with appropriate layouts.

Component Setup

Setup

import { HAXDetails, useMindmapAction } from "@/hax/artifacts/mindmap";
export function BrainstormingSession() {
  const [artifacts, setArtifacts] = useState([]);
  // Register mindmap actions for AI agents
  useMindmapAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle mindmap updates
    }
  });
  return (
    <HAXMindmap
      title="Project Planning"
      nodes={mindmapNodes}
      connections={mindmapConnections}
      layoutAlgorithm="layered"
    />
  );
}

Preview

Installation

Schema & Prompt Control

Conversation

Installation

Instructions

# Initialize HAX in your project
agntcy-hax init

# Add the component
agntcy-hax add artifact mindmap

Usage

Component Setup

Setup

import { HAXDetails, useMindmapAction } from "@/hax/artifacts/mindmap";
export function BrainstormingSession() {
  const [artifacts, setArtifacts] = useState([]);
  // Register mindmap actions for AI agents
  useMindmapAction({
    addOrUpdateArtifact: (type, data) => {
      // Handle mindmap updates
    }
  });
  return (
    <HAXMindmap
      title="Project Planning"
      nodes={mindmapNodes}
      connections={mindmapConnections}
      layoutAlgorithm="layered"
    />
  );
}