mcpField
K
kanban-board

kanban-board

github.com/mphinanceデザイン・UI3285 回インストール4 日前に更新
リポジトリ

kanban-board について

kanban-boardは、1画面のカンバンボードをHTMLで生成するスキルです。アクティブなDESIGN.mdとプロジェクトブリーフを基に、スプリント列、タスクカード、フィルター、概要サイドバーを配置します。

主な機能

  1. 01アクティブなDESIGN.mdの読み込み
  2. 024つのスプリント列の作成
  3. 03担当者と見積もり付きタスクカード
  4. 04フィルターと検索の追加
  5. 05進捗とブロック中のタスク表示

活用シーン

  1. 01プロジェクトブリーフからスプリントボードを作成
  2. 02タスクの担当者とスプリント状況を表示

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/mphinance/alpha-skills --skill kanban-board

インストール後、Claude Code で/kanban-boardを入力して読み込まれたか確認します。

同梱ファイルexample.htmlREADME.md

詳細

カンバンボードスキル

1 画面に収まるカンバンボードを作成します。

ワークフロー

  1. アクティブな DESIGN.md を読みます。
  2. 概要からチーム名、スプリント番号、列、メンバー一覧を特定します。
  3. レイアウト：
    • トップバー：プロジェクトのパンくずリスト、スプリントチップ、フィルター行（メンバー、ラベル、ステータス）、検索。
    • 4 列：バックログ、進行中、レビュー中、完了。各列には件数チップと「+ 追加」の操作要素を設けます。
    • 各列に 3～6 枚のカードを配置します。各カードには、タグチップ、タイトル、担当者のアバター、ポイント見積もり、進捗（該当する場合）を含めます。
    • サイドバー（折りたたみ可能な印象）：進捗バー、上位の担当者、ブロック中のチケットのコールアウトを含む「スプリントの状況」。
  4. インラインの <style> を 1 つ使用し、セマンティック HTML にします。

出力仕様

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

コメント

Markdown 対応