mcpField
K
kanban-board

kanban-board

github.com/nexu-io设计与 UI104.6k236 次安装今天更新
代码仓库

关于 kanban-board

kanban-board 是用于生成单屏看板的 Skill,可根据简报整理团队、迭代和成员信息,并输出语义化 HTML。看板采用四个固定状态列,并包含任务卡、筛选项和迭代进度侧栏。

主要功能

  1. 01生成单屏看板 HTML
  2. 02设置四个任务状态列
  3. 03显示任务标签、负责人和点数
  4. 04提供成员、标签、状态筛选及搜索
  5. 05展示迭代进度、负责人和阻塞任务

适用场景

  1. 01展示团队当前迭代任务
  2. 02查看任务状态与负责人分配
  3. 03识别迭代进度和阻塞事项

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/nexu-io/open-design --skill kanban-board

安装后在 Claude Code 中输入/kanban-board确认已加载。

附带文件example.html

详细介绍

看板技能

生成单屏看板。

工作流

  1. 阅读当前的 DESIGN.md。
  2. 从需求说明中识别团队名称、冲刺编号、列和成员名单。
  3. 布局:
    • 顶栏:项目面包屑、冲刺标签、筛选行(成员、标签、状态)、搜索。
    • 4 列:待办、进行中、审核中、已完成。每列都有一个计数标签和“+ 添加”入口。
    • 每列 3–6 张卡片。每张卡片包含:标签、标题、负责人头像、点数估算、进度(如适用)。
    • 侧边栏(呈现可折叠效果):“冲刺动态”,包含进度条、主要负责人、受阻工单提示。
  4. 一个内联 <style>,使用语义化 HTML。

输出约定

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

评论

支持 Markdown