Skill103.5k repo starsupdated 6d ago

kanban-board

The kanban-board skill generates a single-screen sprint board interface by parsing a DESIGN.md file to extract squad name, sprint details, and member information, then renders a four-column layout (Backlog, In Progress, In Review, Done) with task cards, filtering controls, and a collapsible sidebar displaying sprint metrics. Use this to visualize team workflow and task progress during sprint planning and execution.

View source Repository: open-design

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/open-design /tmp/kanban-board && cp -r /tmp/kanban-board/design-templates/kanban-board ~/.claude/skills/kanban-board

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

# 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>
```