mcpField
K
kanban-board

kanban-board

github.com/nexu-ioDesign & UI104.6k236 installsUpdated today
Repository

About kanban-board

kanban-board is a skill for generating a single-screen kanban board in semantic HTML. It organizes brief details into four fixed status columns, task cards, filters, and a sprint progress sidebar.

Key features

  1. 01Generate a single-screen kanban board in HTML
  2. 02Set up four task status columns
  3. 03Show task tags, assignees, and estimates
  4. 04Provide member, label, and status filters plus search
  5. 05Display sprint progress, assignees, and blocked tickets

Use cases

  1. 01Present a team's current sprint tasks
  2. 02Review task status and assignee assignments
  3. 03Identify sprint progress and blocked work

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill kanban-board

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

Bundled filesexample.html

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