本文へ移動
cccskills
無料GitHub で公開

inline-vis

Show a newly created or updated HTML demo, chart, or report, or Markdown plan, summary, or notes from the workspace or thread storage inline in BB chat with the inline-vis directive.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.4 KB

SKILL.md(原文)

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

Inline previews

When the user should see an HTML demo or a Markdown document inline in the assistant message, write (or update) a source-relative file, then emit this message directive as its own block (not inside a fenced code block):

::inline-vis{file="demo.html"}
::inline-vis{file="notes.md"}

Omitting source defaults to the workspace. Explicit source="workspace" is equivalent. For a read-only thread-storage artifact, write the document to $BB_THREAD_STORAGE/reports/result.html, then emit its storage-relative path:

::inline-vis{source="thread-storage" file="reports/result.html"}

Rules

  • source is optional and must be workspace or thread-storage.
  • file is relative to the selected source (e.g. demo.html, charts/out.html, notes.md). Workspace paths are relative to the current workspace; thread-storage paths are relative to $BB_THREAD_STORAGE. Never put an absolute path in the directive.
  • height is optional and sets the preview height in pixels. It must be a whole number from 120 through 1200; omit it for the 224px default.
  • .html, .htm, .md, and .markdown files are accepted.
  • Inline and external CSS/JavaScript are supported in HTML. Remote images, fonts, media, fetches, and WebSockets are also allowed subject to normal browser CORS, mixed-content, and remote-server policies. Scripts execute in an opaque-origin iframe and cannot access the bb page, cookies, or storage. Markdown uses BB's renderer with sanitized HTML support.
  • Keep files small (under the sidebar preview's 5 MiB document limit).
  • Emit the directive only after the file exists on disk in the selected source.
  • Prefer thread-storage for read-only generated reports and other artifacts that should not modify the workspace.
  • Do not put the directive inside backticks or a markdown code fence, or it stays literal text.
  • Incomplete streaming syntax stays literal until the closing } arrives — emit a complete directive in one piece when possible.

The bb app replaces the directive with an inline preview. If the plugin is disabled or the path is invalid, users see the original directive source or an inline error from the plugin.

レビュー

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

同じリポジトリのスキル

概要と使いどころ

Configure or diagnose Account Pooler accounts, authentication, quota routing, and failover through bb pool.

日本語の概要は準備中です。原文の説明を表示しています。

get-bb/bb4,2332026年10月10日 更新

Configure or troubleshoot ACP agent discovery, custom models, skills, and compaction in BB.

日本語の概要は準備中です。原文の説明を表示しています。

get-bb/bb4,2332026年10月10日 更新

Approve a GitHub contributor to open PRs in get-bb/bb, then land the allowlist change with SlopCop and CI skipped. Use for requests such as "add @username to be able to open PRs" or an explicit add-contributor invocation.

日本語の概要は準備中です。原文の説明を表示しています。

get-bb/bb4,2332026年10月10日 更新

Create or edit element annotations in desktop Browser tabs, or update saved annotation comments through the plugin RPC.

日本語の概要は準備中です。原文の説明を表示しています。

get-bb/bb4,2332026年10月10日 更新

Schedule or manage recurring and one-shot BB agent or script automations.

日本語の概要は準備中です。原文の説明を表示しています。

get-bb/bb4,2332026年10月10日 更新

Sign this bb in to or out of its getbb.app account with bb account, and check which account remote access and hosted services use.

日本語の概要は準備中です。原文の説明を表示しています。

get-bb/bb4,2332026年10月10日 更新

get-bb のスキルをすべて見る

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