AI LineAiline Skillhub
技能市场/kanban-board

kanban-board

kanban-board

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", "看板".

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>

安装中心

可直接安装到 9 个框架（另有 Cursor / Windsurf 需转换为 rules 格式）。悬停可查看各框架的技能目录。

方式一 · 复制提示词（推荐）

粘贴给你的 Claude Code，它会自己完成下载和安装（安装文件直接取自原始仓库）

请帮我安装技能「kanban-board」：
1. 从原始仓库下载技能文件：https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/kanban-board/SKILL.md（GitHub 上的 SKILL.md 原始文件）
2. 保存为 ~/.claude/skills/kanban-board/SKILL.md（目录不存在则创建）
3. 确认文件存在后，告诉我安装结果

方式二 · 命令行安装

npx CLI 跨平台可用（自动检测本机 Agent）；PowerShell 方式无需安装任何东西

npx ailine-skills add kanban-board
New-Item -ItemType Directory -Force "$HOME\.claude\skills\kanban-board" | Out-Null; curl.exe -fsSL "https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/kanban-board/SKILL.md" -o "$HOME\.claude\skills\kanban-board\SKILL.md"

方式三 · 前往原始仓库

第三方技能不由本站分发安装文件，请从原始仓库获取（上方命令/提示词已直连原始文件）

前往 GitHub 仓库 ↗查看 SKILL.md 原文件