Back to Details

kanban-board

Compare original and translation side by side

🇺🇸

Original

English
🇨🇳

Translation

Chinese

Kanban Board Skill

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.
  1. 读取当前的DESIGN.md文件。
  2. 从需求中确定团队名称、迭代编号、列和成员名单。
  3. 布局：
    • 顶部栏：项目路径导航、迭代标签、筛选行（成员、标签、状态）、搜索框。
    • 4列：待办、进行中、审核中、已完成。每列包含数量标签和“+ 添加”入口。
    • 每列3–6张卡片。每张卡片包含：标签块、标题、经办人头像、点数估算、进度条（如有需要）。
    • 侧边栏（可折叠样式）：包含进度条的“Sprint 动态”、Top经办人、阻塞工单提示。
  4. 内嵌一个
    <style>
    标签，使用语义化HTML。

Output contract

输出约定

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