Skip to content

Latest commit

 

History

History
50 lines (44 loc) · 1.51 KB

File metadata and controls

50 lines (44 loc) · 1.51 KB
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 platform scenario preview design_system craft example_prompt
prototype
desktop
operations
type entry
html
index.html
requires sections
true
color
typography
layout
components
requires
state-coverage
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

  1. Read the active DESIGN.md.
  2. Identify squad name, sprint number, columns, and member roster from the brief.
  3. 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.
  4. One inline <style>, semantic HTML.

Output contract

<artifact identifier="kanban-board" type="text/html" title="Sprint Board">
<!doctype html>...</artifact>