skills.rest
PiercingXX
PiercingXXCOMMUNITY
Explore all skills by this author →
GitHub

kanban-board

Generate a single-screen HTML kanban board from a sprint brief.

1|Updated Jul 9, 2026
Search Tags:#sprint planning#ui design#kanban#task board#product operations#HTML prototyping
One-click install
npx skills add https://github.com/PiercingXX/xx-stack --skill kanban-board-piercingxx
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kanban-board
Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/runtime/skills/design/kanban-board
Command: npx skills add https://github.com/PiercingXX/xx-stack --skill kanban-board-piercingxx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

It turns a brief about a team’s sprint into a clear, visual kanban/task board layout you can use immediately for planning and communication.

Core Features & Use Cases

  • Single-screen kanban board generation: Produces an HTML sprint board with four standard columns (Backlog, In progress, In review, Done).
  • Brief-to-layout translation: Extracts squad name, sprint number, member roster, and chosen columns from the prompt/brief (including common terms like trello, jira board, 看板).
  • Board UI elements: Includes a top filter bar, search input, member/label chips, per-column counts, cards with tags/assignees/estimates, and a right-side “sprint pulse” sidebar.
  • Design-system alignment: Assumes a DESIGN.md is available and maps required sections such as color, typography, layout, and components.

Quick Start

Use the kanban-board skill to “Make me a kanban board for a 5-person growth squad mid-sprint — backlog, doing, review, done.”

Frequently Asked Questions about kanban-board

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a sprint-ready kanban board from a brief?▼

To generate a kanban board, provide a sprint brief containing squad name, sprint number, and roster. The skill extracts this data to emit a self-contained HTML task board with columns, cards, filters, and a sprint pulse sidebar.

What is included in the single-screen HTML kanban board layout?▼

The kanban board layout includes four standard columns: Backlog, In Progress, In Review, and Done. It also features a top filter bar, search input, member chips, per-column counts, cards with tags and estimates, and a sprint pulse sidebar.

Does the kanban board prototype require a DESIGN.md file?▼

Yes, the kanban board generation requires reading an active DESIGN.md file. It maps required sections such as color, typography, layout, and components to ensure the HTML prototype aligns with your established design system.

Can I use this for sprint planning if my prompt mentions trello or jira board?▼

Yes, this skill applies to sprint planning workflows when your request mentions kanban, task board, trello, jira board, or 看板. It translates your brief into a desktop-style HTML prototype UI for immediate communication.

What is the best way to visualize a mid-sprint growth squad task board?▼

The best way to visualize a task board is to provide a brief like 'Make a kanban board for a 5-person growth squad mid-sprint.' The skill extracts the roster and sprint data to produce a semantic HTML artifact with full board UI elements.

Are there limitations when generating a single-screen kanban board prototype?▼

The main limitation is its single-screen scope; it emits a static HTML artifact rather than a functional application with backend persistence. It is designed for sprint planning communication and UI prototyping, not live task tracking.

Related Skills

Explore More Design & Creative Skills→
PriyanshuSingh06PriyanshuSingh06

design-md

Analyze Stitch projects and generate a semantic DESIGN.md design system document.

Community
Advanced
Mythologi-XRMythologi-XR

GitHub Project Board Skill

Automate GitHub Project V2 board management by moving issues across kanban columns.

Official
Intermediate
giovannimnzgiovannimnz

gsd-sketch

Create disposable HTML mockups with inline CSS for UI design exploration.

Community
Intermediate
borealBytesborealBytes
7

trello

Automate Trello board, list, and card management via the REST API.

Community
Intermediate