Kanban Board Skill
SkillMediaKanban board mockup skill for AI agents. When a brief mentions a kanban, task board, or sprint board, the agent uses this skill to generate a single-page HTML mockup of one. The board shows four columns from To do to Done, filled with sample cards, plus filters and team details, styled according to the project's DESIGN.md guide.
Use Kanban Board Skill in Claude, ChatGPT or Ahel Desktop
Free. Sign in, add Kanban Board Skill and connect your AI. About a minute.
Also: Claude Code · Cursor · Codex
Then ask your AI: use the Kanban Board Skill skill
Details
Instructions available. Your AI can read the instructions. Execution depends on the setup they require.
Account requirements not reviewed. Check the skill instructions before use; ahel provides instructions and does not run this skill.
No other account needed.
Have an agent that can load skills.
What your AI can do with it
- Generates a single-page HTML kanban board with four columns: To do, In progress
- Adds sample cards with titles, assignee avatars, and estimates
- Includes a top filter bar and search
- Adds swimlanes to the board layout
- Shows a sidebar with sprint progress
- Follows the project's DESIGN.md styling guide
Getting started
- Have an agent that can load skills.
- Add the kanban-board skill to the agent's available skills.
- Make sure a DESIGN.md styling guide exists if the mockup should match project styling.
- Ask the agent for a kanban or task board mockup, mentioning kanban, task board, sprint board, or trello.
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
- 99k
- Forks
- 11k
- Last commit
- Oct 2026
Questions
- When should the agent use this skill?
- When the brief mentions "kanban", "task board", "sprint board", "trello", or "看板".
- What does the generated board contain?
- A single-page HTML board with four columns (To do / In progress / In review / Done), sample cards with titles, assignee avatars, and estimates, plus a filter bar, search, swimlanes, and a sprint progress sidebar.
- Does it follow the project's visual style?
- Yes, it follows the project's DESIGN.md styling guide.
- Does it connect to a real task tracker?
- No. It generates a mockup with sample cards; nothing in the skill describes live data or integrations.
Advanced
- Item type
- skill
- Key
kanban-board-2- Source
- github.com/nexu-io/open-design