npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

taskboardai

v1.0.0

Published

A lightweight, file-based kanban board with AI integration through Claude

Downloads

8

Readme

TaskBoardAI

A lightweight, file-based kanban board designed for AI Agents. Includes web interface for HIL collaboration.

AIX Features:

  • JSON board files to allow for full project context
  • MCP Server for access to create/delete/update/read boards

HIL Features:

  • Drag-and-drop sorting of cards and columns
  • Add/Delete cards and columns
  • Drop down selection of available boards

TaskBoardAI Screenshot

Note TaskBoardAI doesn't have it's own llm integration. You'll want to use context of your project to update the board.

Features

  • Markdown Support: Rich card content with full markdown syntax
  • Subtasks: Track and mark completion within cards
  • Tags & Dependencies: Organize and link related cards
  • Drag and Drop: Intuitive interface for card management
  • Next Steps: Track upcoming priorities at the board level
  • Webhooks: Integrate with other services via webhooks
  • AI Integration: Connect with Claude for Desktop using MCP

Installation

Option 1: Install via npm (Recommended)

Install globally for command-line access from anywhere:

npm install -g taskboardai

Or install locally in your project:

npm install taskboardai

Option 2: Clone the Repository (Development)

  1. Clone the repository:
git clone https://github.com/TuckerTucker/TaskBoardAI.git
cd TaskBoardAI
  1. Install dependencies:
npm install

Usage

Using npm-installed Version

When installed globally via npm, you can use the following commands:

  1. List available boards:
taskboard --list
  1. Create a new board:
taskboard --new my-project
  1. Open an existing board:
taskboard my-project
  1. Start the MCP server:
taskboard-mcp
  1. Start both the board server and MCP server:
taskboard-all

Using Repository Version

If you've cloned the repository, use the included scripts:

  1. List available boards:
./_start_kanban --list
  1. Create a new board:
./_start_kanban --new my-project
  1. Open an existing board:
./_start_kanban my-project
  1. Access your board at http://localhost:3001 (default port)

Using an External Board Location

*not yet supported via MCP

  1. Create a new board directory in your project's repo

  2. Copy the example board:

    If installed via npm:

    # First, create an example board in your home directory
    taskboard --new example
       
    # Then copy it to your desired location
    cp ~/.taskboardai/boards/example.json /your/board/location/board_name.json

    If using the repository:

    cp /path/to/TaskBoardAI/boards/_kanban_example.json /your/board/location/board_name.json
  3. Start the server with your external board location:

    If installed via npm:

    taskboard --external /your/board/location/board_name.json

    If using the repository:

    ./_start_kanban --external /your/board/location/board_name.json

Board Structure

The kanban board is defined in a JSON file with the following structure: This allows the Agent to have full context of the project

{
  "projectName": "Project Name",
  "id": "unique-board-id",
  "columns": [
    {
      "id": "column-id",
      "name": "Column Name"
    }
  ],
  "cards": [
    {
      "id": "card-id",
      "title": "Card Title",
      "content": "Markdown supported content",
      "columnId": "column-id",
      "position": 0,
      "collapsed": false,
      "subtasks": [
        "✓ Completed task",
        "Pending task"
      ],
      "tags": ["feature", "frontend"],
      "dependencies": ["other-card-id"],
      "created_at": "2025-01-18T10:00:00.000Z",
      "updated_at": "2025-01-19T12:30:00.000Z",
      "completed_at": "2025-01-19T18:12:35.604Z"
    }
  ],
  "next-steps": [
    "Next priority task",
    "Future focus area"
  ],
  "last_updated": "2025-01-19T19:20:14.802Z"
}

Note: The board structure has been updated to a card-first architecture, where cards are stored in a top-level array rather than nested within columns.

MCP Server for AI Integration

What Is Model Context Protocol (MCP)? TaskBoardAI includes an MCP (Model Context Protocol) server that allows you to create and manage boards using any tools supporting MCP (i.e. Claude Code, Cursor, Windsurf ... ).

Starting the MCP Server

If installed via npm:

# Start only the MCP server
taskboard-mcp

# Or start both the board server and MCP server
taskboard-all

If using the repository:

# Start only the MCP server
./_start_mcp

# Or start both servers
./_start_all

The MCP server runs on port 3002 by default.

See the documentation for your IDE or CLI tool on how to add MCP servers.

Using with Agents

Once configured, you can ask the agent to:

  • List all boards: "Show me all my kanban boards"
  • Create a new board: "Create a new kanban board called 'Project X'"
  • Get a specific board by Name: "Show me the details of Project X"
  • Update a board: "Update the Project X board with our progress"
  • Delete a board: "Delete the Project X board"

Webhook Integration

TaskBoardAI supports webhooks for integrating with other services:

  1. Create webhook configurations to trigger on events like board updates
  2. Test webhook connections through the API
  3. Receive real-time updates when changes occur on your boards

Running Tests

  1. Run all tests:
npm test
  1. Generate coverage report:
npm run test:coverage
  1. Run tests in watch mode (for development):
npm run test:watch
  1. Run specific test categories:
# Run MCP server tests
npm test -- --testPathPattern 'tests/.*mcp'

# Run only unit tests
npm test -- tests/unit

# Run only integration tests
npm test -- tests/integration

Generating Docs

To generate documentation:

# Install dependencies (if not already installed)
npm install

# Generate docs (docs/api directory)
npm run docs

Data Directory

When installed via npm, TaskBoardAI stores user data in the following location:

  • Linux/macOS: ~/.taskboardai/
  • Windows: C:\Users\<username>\.taskboardai\

The data directory contains:

  • boards/: Your kanban board JSON files
  • config/: Configuration files
  • webhooks/: Webhook configurations

You can access or back up these files directly if needed.

Contributing

Contributions are welcome! Please see CONTRIBUTING.md for guidelines.

License

Apache License 2.0 - See LICENSE for details.