kanban-board
Best for Sprint boardsWorks with GitHubLow risk
⌘source
- author
@nexu-io- language
- TypeScript
★3.7kstars
455forks
Apr 29, 2026
✦overview.md
Key Features
- ·4 columns: Backlog, In progress, In review, Done
- ·Draggable-looking cards with tag, title, assignee, points
- ·Top filter bar: members, labels, status, search
- ·Collapsible sidebar with Sprint pulse and blocked tickets
- ·Single HTML file, inline styles
Use Cases
- →Mid-sprint review for a 5-person growth squad
- →Tracking tasks across backlog, doing, review, done
- →Team standup with visual column counts and assignees
Best for
- ✓Sprint boards
- ✓Trello-style task tracking
Not ideal for
- !Mobile-first projects
- !High-fidelity production UIs
FAQs
name
kanban-board
description
Kanban / task board with columns (To do / In progress / In review / Done),
draggable-looking cards, assignee avatars, swimlanes, and a top filter
bar. Use when the brief mentions "kanban", "task board", "sprint board",
"trello", "看板".
triggers:["kanban","task board","sprint board","trello","jira board","看板"]
od:{"mode":"prototype","platform":"desktop","scenario":"operations","preview":{"type":"html","entry":"index.html"},"design_system":{"requires":true,"sections":["color","typography","layout","components"]},"example_prompt":"Make me a kanban board for a 5-person growth squad mid-sprint — backlog, doing, review, done."}
Kanban Board Skill
Produce a single-screen kanban board.
Workflow
- Read the active DESIGN.md.
- Identify squad name, sprint number, columns, and member roster from the brief.
- 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.
- One inline
<style>, semantic HTML.
Output contract
<artifact identifier="kanban-board" type="text/html" title="Sprint Board">
<!doctype html>...</artifact>
$install
1-click copynpx skills add nexu-io/open-design --skill kanban-boardSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
4/ 5
very goodClear and well structured, with only minor parts that might need a second read.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
4/ 5
highMostly actionable with clear steps; only a few small gaps remain.