本文へ移動
cccskills
無料GitHub で公開日本語紹介

live-dashboard

チームの主要指標、7日間の推移、活動履歴、タスク一覧を、Notion風のHTML画面にまとめます。手動・自動更新に対応し、未接続時はサンプルデータで表示します。

原文原文の説明を見る

Notion-style team dashboard rendered as a Live Artifact. A single-page, self-contained HTML dashboard with KPIs, a 7-day sparkline, a real-time activity feed and a linked-database task table — wired to Notion via the Composio connector catalog. Refreshes on demand and when the artifact is opened. Falls back to seeded mock data when no connector is bound, so it works offline / in screenshots / in the picker preview.

feimacode/open-design-agent-kitスター 1,023(GitHub 1,023 + cccskills 0)
連携ツールNotion

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • チームの指標とタスクを一覧したいとき
  • Notion連携のダッシュボード作成
  • サンプルデータでのオフライン確認
  • 活動履歴と同期状態を確認したいとき

日本語での紹介

できること

チームの状況を一画面で確認できる、Notion風のHTMLダッシュボードを作成します。主要指標を2・4・6個から選び、7日間の推移を示す小さな折れ線グラフ、活動履歴、担当者や進行状態が分かるタスク表を配置します。画面を開いたときの更新、手動更新、自動更新に対応し、同期中や情報が古くなった状態も表示します。

こんなときに便利

チームの指標と作業状況をまとめて共有したいときに向いています。通常のダッシュボード、カンバン寄り、指標中心の3種類から構成を選び、表示密度や文字サイズも調整できます。接続のない状態でプレビューを作る用途にも使えます。

使い方の例

  • 「Notionに接続して、総タスク数、今週の完了数、活動メンバー数を表示して」
  • 「サンプルデータで、活動履歴とタスク表のある画面を作って」

注意点

実データの取得には、ComposioのコネクターとOD daemonによる接続環境が必要です。出力はindex.htmlと、実接続時のconnectors.jsonです。未接続時や取得エラー時はサンプルデータに切り替わります。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(1)

  • SKILL.md8.2 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

3d-object

無料概要あり

設計トークンの色を使い、回転台に載せたスピーカーの3Dプロダクト画像を生成します。旋盤加工のような断面形状から組み立て、スタジオ照明で見せます。

  • スピーカーの商品画像を3Dで作りたいとき
  • 回転台に載せたプロダクトを見せたいとき
  • デザイントークンの色で3D画像を作りたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-object

無料概要あり

形状やロゴから3Dオブジェクトを作り、スタジオ風の光で見せます。静止画、背景透過画像、回転動画として書き出せます。

  • 商品紹介用の3D画像を作りたいとき
  • ロゴを立体的に見せたいとき
  • 3Dモデルを回転動画にしたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-object-glb

無料概要あり

`.glb`形式の3Dモデルを読み込み、中央に配置して見やすい大きさに整え、柔らかな地面の影を添えた商品画像として描画します。

  • `.glb`モデルから商品画像風の表示を作りたいとき
  • ボトルの3Dモデルを見やすくプレビューしたいとき
  • モデルを中央配置し、柔らかな影を加えたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-object-logo

無料概要あり

ブランドのSVGロゴを金属の立体表現に仕上げ、ブラッシュドゴールドと面取りを施してゆっくり回転する映像にするスキルです。

  • SVGロゴを立体化したいとき
  • 金色の回転ロゴを作りたいとき
  • ブランドマークを映像で見せたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-scene

無料概要あり

部屋や中庭など複数の物体がある小さな3D空間を計画して制作します。空の光と無料のCC0素材で仕上げ、静止画やカメラの移動動画として見せられます。

  • 小さな部屋や中庭を3Dで作りたいとき
  • ミニチュア風のビジュアルを作りたいとき
  • 3D空間の静止画や移動動画を作りたいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

3d-scene

無料概要あり

夕暮れの石造りの中庭を、空や石畳、壁、真鍮のランタン、木製プランターと10秒のカメラ移動で表現した3Dシーンの作例です。

  • 夕暮れの中庭の3D作例を見たいとき
  • 石造りの空間表現を参考にしたいとき
  • カメラ移動の短い映像を確認したいとき
feimacode/open-design-agent-kit1,0232026年10月31日 更新

feimacode のスキルをすべて見る

このスキルの問題を報告する