Kanban Board Skill
SkillMediaKanban board is a skill that generates a single-page HTML mockup of a task board for an AI agent to produce. Given a brief, it builds four columns from To do through Done, sample cards with assignee avatars and estimates, a filter bar, search, and a sidebar with sprint progress, styled to the project's DESIGN.md.
Available today. Use it from your connected AI after setup.
No other account needed.
Have an AI agent environment that supports skills and can preview HTML artifacts.
Then ask your AI: use the Kanban Board Skill skill
What your AI can do with it
- Builds a single-screen HTML kanban board with four columns: Backlog, In progress, In revie
- Adds 3-6 cards per column with tag chips, titles, assignee avatars, point estimates, and p
- Includes a top bar with project crumb, sprint chip, filter row for members, labels, and st
- Adds a collapsible sidebar with a Sprint pulse progress bar, top assignees, and blocked-ti
- Follows the active DESIGN.md styling guide for color, typography, layout, and components
- Outputs semantic HTML with one inline style block
Getting started
- Have an AI agent environment that supports skills and can preview HTML artifacts.
- Add the kanban-board skill to the agent's available skills.
- Ensure a DESIGN.md styling guide is active, since the skill requires it.
- Ask the agent for a kanban or task board, mentioning details like squad name, sprint number, columns, and team roster.
What this skill tells your AI
The instructions your AI receives, as published by nexu-io/open-design in design-templates/kanban-board/SKILL.md and read by ahel’s review.
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>
Signals
- GitHub stars
- 98k
- Forks
- 11k
- Last commit
- Sep 2026
Others that do the same job
Questions
- When should this skill be used?
- When the brief mentions "kanban", "task board", "sprint board", "trello", "jira board", or "看板".
- What does the output look like?
- A single-page HTML artifact titled Sprint Board, with four columns, cards with avatars and estimates, a filter bar, search, and a sprint progress sidebar.
- Does it need a design system?
- Yes. The skill requires an active DESIGN.md covering color, typography, layout, and components, and styles the board accordingly.
Advanced
- Item type
- skill
- Key
kanban-board-2- Source
- github.com/nexu-io/open-design