Agent Plan

An animated task plan for your agent, including subtasks and assigned MCP servers.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Agent Plan to your project and fits it to your theme.

"use client";

import Plan from "@/components/ui/agent-plan";

export function Demo() {
  return (
    <div className="flex flex-col p-4 w-full h-full">
      <Plan />
    </div>
  );
}