Guide · Agent skill
How to use the Kanban Board agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Kanban Board agent skill teaches an AI agent to produce a single-page, Trello-like kanban board as an HTML file. It suits product and project managers who want a quick visual mockup, front-end developers prototyping a kanban-style UI, and anyone who needs a styled sample board for stakeholders. After this guide you will know what the skill does, how to install it, how to ask for a board, and where it falls short.
Kanban Boardnexu-io/html-anything · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Download the kanban-board skill ZIP from this page.
- 2Unzip into a skills folder. Unzip it into ~/.claude/skills/ for personal use or into your project's .claude/skills/ folder.
- 3Or upload in the Claude apps. In the Claude apps, go to Settings → Capabilities → Skills and upload the ZIP.
- 4Ask for a board in plain language. Describe the board, for example a sprint task board as a single HTML page.
- 5Specify options. Name any extra needs such as swimlanes by epic or assignee, and the card fields you want.
- 6Open and review the HTML. Open the generated file in a browser and compare it with example.html.
What the kanban-board skill makes the agent do
An agent skill is a set of instructions that tells an AI agent how to handle a particular kind of task. The kanban-board skill covers one task: producing a styled Kanban board as a single HTML page, modelled on Trello.
The board includes a filter bar at the top for assignee, label and search. It has four columns: To do, In progress, In review and Done. Each card shows a title, labels, a due date, an avatar and a comment count. Optionally, work can be grouped into swimlanes by epic or by assignee.
- Filter bar: assignee, label and search
- Four columns: To do, In progress, In review, Done
- Cards: title, labels, due date, avatar, comment count
- Optional swimlanes grouped by epic or assignee
- Cards look draggable, but real drag-and-drop is not implemented
Install the kanban-board skill
Download the ZIP file for the skill from this page. Unzip it into one of two locations. For a personal skill available across your projects, use ~/.claude/skills/. For a skill that only applies to one project, unzip it into that project's .claude/skills/ folder.
You can also upload the skill in the Claude apps. Go to Settings, then Capabilities, then Skills, and upload the ZIP there.
The skill package contains two files: SKILL.md, which holds the instructions the agent reads, and example.html, which shows the expected look of the output.
- Personal install: ~/.claude/skills/
- Project install: .claude/skills/ inside your project
- Claude apps: Settings → Capabilities → Skills, then upload the ZIP
Trigger the skill with a natural request
You do not need a special command. Describe the board you want in plain language and mention the kind of board, such as a kanban or task board, so the agent recognises the task. Ask for a single HTML file if that is what you need.
Useful details to include are the columns you want (the default four are To do, In progress, In review and Done), whether you want swimlanes, and which fields should appear on cards.
- Example: "Make me a kanban board of our sprint tasks as a single HTML page."
- Example: "Create a Trello-style board with swimlanes grouped by epic."
- Example: "Build a task board mockup with assignee and label filters for the stakeholder demo."
Use the output and check it against the example
The result is a single HTML file. Open it in a browser to review the layout. The package includes example.html, so you can compare the agent's output with the expected look.
Remember that the board is a visual mockup. The cards look draggable, but moving them does not save changes, and no backend storage is described in the skill.
- Open the generated HTML file in a browser
- Compare the layout with example.html
- Replace placeholder tasks with your own wording before sharing
Requirements and safety notes
The skill lists no requirements. It does not run scripts and does not use the network, according to its files. It produces a static HTML file.
Because the output is a static HTML file that may be shared, do not place real sensitive project data into it if the page might be published publicly.
- Requires: nothing listed
- Runs scripts: no
- Uses network: no
- Avoid putting confidential project data into a page you might share publicly
What people use it for
- A product manager builds a quick visual sprint board to show stakeholders without setting up Trello or Jira.
- A front-end developer prototypes the look of a kanban-style interface before writing real code.
- A designer produces a styled sample board with swimlanes grouped by epic for a presentation.
- A team lead creates a mockup with assignee and label filters to discuss workflow layout.
Frequently asked questions
How do I install the kanban-board agent skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ for personal use, or into a project's .claude/skills/ folder. You can also upload the ZIP in the Claude apps under Settings → Capabilities → Skills.
What does the kanban-board skill require?
The skill lists no requirements. It does not run scripts and does not use the network, according to its files.
Is the kanban-board skill free to use?
The skill is published under the Apache-2.0 licence. This page does not list pricing, so check the licence terms in the source repository for details.
Can the generated Kanban board save changes or drag cards?
No. The cards look draggable, but real drag-and-drop is not implemented, and no backend storage is described in the skill files. It is best treated as a visual mockup.
Can I use this skill as a working task tracker instead of Trello or Jira?
Not according to the skill's files. It is intended for mockups and samples, so teams that need saved data and working task management should use a dedicated tool.
Is it safe to put real project data in the generated board?
Be careful. The output is a static HTML file, so if you share it publicly, any real sensitive data in it becomes public too. Use placeholder content for anything confidential.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use the kanban-board skill if you want a quick, styled Kanban mockup for demos, stakeholder reviews or front-end prototyping. Pick a real task tracker such as Trello or Jira if you need saved data, working drag-and-drop or team collaboration.
Download the skill