Communitygithub.com

LcpMarvel/feishu-whiteboard-pro

Claude Code / エージェントスキル:飛書(Feishu / Lark)ホワイトボードの本格的なデザインと編集を実現 — 意図的な構成、真の階層構造、プリレンダリングフィットチェックと独立したデザインレビューを備えたゲート付きパイプライン。

feishu-whiteboard-pro とは?

このスキルは、Claude Code や AI エージェントが飛書(Feishu / Lark)のホワイトボードを本格的にデザイン・編集するための機能を提供します。単なる描画ツールではなく、意図的な構成(deliberate composition)、真の階層構造(real hierarchy)、そしてプリレンダリング段階でのフィットチェック(fit-check)と独立したデザイン批評(design critique)を備えたゲート付きパイプライン(gated pipeline)を特徴としています。これにより、AI エージェントはデザインの品質を保証しながら、編集可能でプロフェッショナルなホワイトボードを生成できます。主なプラットフォームは Feishu / Lark で、Claude Code などの AI アシスタントと連携して動作します。このスキルは、デザインの各ステップを検証しながら進めることで、結果の一貫性と美しさを向上させます。

対応✓Claude Code~Codex CLI~Cursor
npx skills add LcpMarvel/feishu-whiteboard-pro

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

feishu-whiteboard-pro は何をしますか?

Claude Code / エージェントスキル:飛書(Feishu / Lark)ホワイトボードの本格的なデザインと編集を実現 — 意図的な構成、真の階層構造、プリレンダリングフィットチェックと独立したデザインレビューを備えたゲート付きパイプライン。

概要

このスキルは、AI エージェント(Claude Code など)が飛書(Feishu / Lark)上で、デザイン的に優れたかつ編集可能なホワイトボードを構築するためのフレームワークを提供します。単に要素を配置するだけでなく、以下の3つの原則に従います:

  1. 意図的な構成(Deliberate Composition) — 各要素の配置とサイズには明確な意図があり、無駄やランダムな配置を排除します。
  2. 真の階層構造(Real Hierarchy) — 情報の重要度に応じて視覚的な階層(サイズ、色、位置)を明確に設定します。
  3. ゲート付きパイプライン(Gated Pipeline) — プリレンダリング段階でフィットチェック(fit-check)を実施し、独立したデザイン批評(design critique)を経てから最終出力を行います。

対応プラットフォーム

  • Feishu / Lark(飛書)のホワイトボード機能
  • Claude Code や他の AI エージェントとの連携

使い方

  1. プロジェクトのセットアップ: このスキルを Claude Code に読み込ませます。
  2. ホワイトボードの設計: 意図的な構成と階層を考慮して要素を定義します。
  3. プリレンダリングとフィットチェック: 自動的にレイアウトの妥当性を検証します。
  4. デザイン批評と最終出力: 独立した批評を経て、編集可能なホワイトボードが生成されます。

コアコンセプト

  • 構成(Composition): 要素間の関係性を明確にし、視覚的なバランスを保ちます。
  • 階層(Hierarchy): 見出し、本文、補足情報などに適切なサイズと色を割り当てます。
  • ゲート(Gate): 品質を保証するためのチェックポイント。フィットチェックとデザイン批評の2段階。

技術詳細

  • すべてのホワイトボードは、Feishu / Lark の API を通じて生成されます。
  • プリレンダリング段階では、要素がボード内に収まるか、重なりがないかなどを自動チェックします。
  • デザイン批評は、定義されたデザインルールに基づいて行われます。

注意事項

  • このスキルを使用するには、Feishu / Lark のアカウントと適切な API 権限が必要です。
  • 生成されたホワイトボードは、通常の Feishu / Lark インターフェースからも編集可能です。

関連リンク

関連スキル