mcpField
K
kanban-board

kanban-board

github.com/mphinanceDesign & UI3285 installsUpdated 4d ago
Repository

About kanban-board

kanban-board is a skill for producing a single-screen kanban board as HTML. It uses the active DESIGN.md and project brief to lay out sprint columns, task cards, filters, and a sprint summary sidebar.

Key features

  1. 01Read the active DESIGN.md
  2. 02Build four sprint columns
  3. 03Render task cards with assignees and estimates
  4. 04Add filters and search
  5. 05Show sprint progress and blockers

Use cases

  1. 01Create a sprint board from a project brief
  2. 02Display task ownership and sprint status

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/mphinance/alpha-skills --skill kanban-board

After installing, type/kanban-boardin Claude Code to confirm it loaded.

Bundled filesexample.htmlREADME.md

Details

From the project README

Kanban Board Skill

Produce a single-screen kanban board.

Workflow

  1. Read the active DESIGN.md.
  2. Identify squad name, sprint number, columns, and member roster from the brief.
  3. Layout:
    • Top bar: project crumb, sprint chip, filter row (members, labels, status), search.
    • 4 columns: Backlog, In progress, In review, Done. Each column has a count chip and an "+ add" affordance.
    • 3–6 cards per column. Each card: tag chip, title, assignee avatar, point estimate, progress (if applicable).
    • Sidebar (collapsible feel): "Sprint pulse" with progress bar, top assignees, blocked-tickets callout.
  4. One inline <style>, semantic HTML.

Output contract

<artifact identifier="kanban-board" type="text/html" title="Sprint Board">
<!doctype html>...</artifact>

Comments

Markdown supported