메뉴
Emit a sandboxed inline HTML visualization in an assistant message when a workspace .html file should render in-thread. Use after writing or updating a demo/chart/report HTML file the user should see without opening a panel.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use this when controlling bb. The bb CLI lets you inspect, create, and orchestrate bb threads, automations, projects, providers, and environments.
Write, build, and install bb plugins. Use whenever the task is to create a bb plugin, extend bb itself, or add a bb CLI command, agent tool, background service, settings, panel, mention provider, or other bb surface via a plugin. Covers the entire backend BbPluginApi and the frontend @bb/plugin-sdk/app contract with working patterns.
Create and manage bb automations from the first-party automations plugin. Use when scheduling recurring or one-shot agent/script work with bb automation commands.
Execute a workflow script that orchestrates multiple subagents deterministically. Use for multi-agent orchestration, parallel or sequential agent pipelines, structured outputs, and durable background workflow runs.
Use durable BB memory when prior project knowledge or cross-project user preferences can improve the current task, and save durable new learning through the bb memory CLI.
Securely request API keys, access tokens, passwords, webhook secrets, or other credentials from the user and write them to a dotenv file without exposing their values to the agent.
| name | inline-vis |
| description | Emit a sandboxed inline HTML visualization in an assistant message when a workspace .html file should render in-thread. Use after writing or updating a demo/chart/report HTML file the user should see without opening a panel. |
When the user should see a small HTML demo, chart, or report inline in the
assistant message, write (or update) a workspace-relative .html file, then
emit this message directive as its own block (not inside a fenced code
block):
::inline-vis{file="demo.html"}
file is workspace-relative (e.g. demo.html, charts/out.html). Never
use absolute paths.height is optional and sets the iframe viewport height in pixels. It must be
a whole number from 120 through 1200; omit it for the 224px default..html / .htm files are accepted.} arrives — emit
a complete directive in one piece when possible.demo.html with a simple visualization (inline styles, no remote JS).Here is the chart:
::inline-vis{file="demo.html"}
For a taller visualization, emit for example:
::inline-vis{file="demo.html" height="640"}
The bb app replaces the directive with a sandboxed preview. If the plugin is disabled or the path is invalid, users see the original directive source or an inline error from the plugin.