跳到正文
cccskills
免费在 GitHub 公开

orca-chat-visuals

Create HTML visuals that appear directly inside an Orca chat reply. Use charts, diagrams, tables, reports, or mockups to explain an answer visually, with styles, scripts, and data included in each page.

中文简介正在准备中。当前显示英语简介。

原文查看原文说明

Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page. Use when a visual would help the user understand your answer. Only available when the ORCA_CHAT_SCRATCH_DIR environment variable is set.

查看安装方法

适用场景

  • Comparing numbers with an inline chart
  • Explaining relationships with a diagram
  • Displaying a table or report in chat
  • Showing a screen mockup alongside an answer

包含的文件(1)

  • SKILL.md1.8 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Inline visuals in an Orca chat

Orca can show an HTML page inside your reply. Use one whenever a visual would make the answer clearer.

Writing the page

  • Save it in the folder named by ORCA_CHAT_SCRATCH_DIR (printenv ORCA_CHAT_SCRATCH_DIR; in PowerShell $env:ORCA_CHAT_SCRATCH_DIR). If it's unset or you can't write there, skip the visual. This folder is temporary: Orca may remove it after 30 days without chat activity or changes. Save files meant to last in the workspace.
  • One complete HTML file per visual, directly in that folder, under 512 KB, with a new file name each time (e.g. latency-by-region-7c1e.html): letters, digits, ., _, -, ending in .html.
  • Inline your styles, scripts and data. Libraries and fonts may load only from cdn.jsdelivr.net, unpkg.com, cdnjs.cloudflare.com, esm.sh, fonts.googleapis.com and fonts.gstatic.com. The page can't make network requests; use inline SVG or data: URLs for images.
  • Don't size anything to the viewport height (100vh); Orca fits the frame to your content.
  • Optional: Orca's theme colors are available as CSS variables (--background, --foreground, --muted-foreground, --border, --primary, --chart-1 to --chart-5).

Showing it

After the file exists, put this on its own line in your reply, outside any code block:

::orca-visual{file="latency-by-region-7c1e.html" title="Latency by region"}

file is the bare file name, never a path; title is optional. At most 8 per reply.

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

Control visible local apps and external browser windows through Orca, including clicks, typing, menus, dialogs, and screenshots. Use it for tasks that require interacting with a screen and cannot be completed through commands or APIs.

中文简介正在准备中。当前显示英语简介。

  • Entering text and clicking controls in a local app
  • Handling menus and dialogs in an external browser
  • Capturing screenshots of a visible window
stablyai/orca9.8万2026年10月19日 更新

Read and update Jira tickets through connections saved in Orca. Use it to check the details of work requested through Jira and make ticket updates, selecting a specific site when multiple Jira sites match.

中文简介正在准备中。当前显示英语简介。

  • Check the details of a task received through Jira
  • Ask an agent to update a Jira ticket
  • Select the intended site among multiple Jira sites
stablyai/orca9.8万2026年10月19日 更新

Manage Linear issues through Orca’s command-line interface. Find tickets, move them through workflow states, create follow-up tickets linked to a parent, and record completion with a PR/MR link and a comment.

中文简介正在准备中。当前显示英语简介。

  • Start work from a linked Linear issue
  • Update a ticket’s workflow state
  • Record completion with a PR/MR link
stablyai/orca9.8万2026年10月19日 更新

orca-cli

免费

Manage Orca worktrees, separate working directories, along with terminals, repositories, and its embedded browser through the CLI. Use it to hand work to another agent, manage artifacts, run automations, and share skills within Orca.

中文简介正在准备中。当前显示英语简介。

  • Starting codex or claude in a child worktree
  • Reading terminal output and sending input
  • Operating Orca's embedded browser
stablyai/orca9.8万2026年10月19日 更新

Control a running iOS Simulator on macOS from Orca’s live device pane. Perform taps, gestures, typing, button presses, and rotation, and inspect the interface element hierarchy to check app changes in the simulator.

中文简介正在准备中。当前显示英语简介。

  • Check iOS app changes in the simulator
  • Reproduce gestures and text entry
  • Check the display after rotating the device
stablyai/orca9.8万2026年10月19日 更新

Control an Android phone or emulator through Orca using adb, the Android device connection tool. View the device live, perform touch and keyboard actions, install and launch apps, inspect interface structure, and read logs.

中文简介正在准备中。当前显示英语简介。

  • Check app behavior on an Android phone or emulator
  • Repeat taps, swipes, and text entry
  • Install apps and check runtime permissions
stablyai/orca9.8万2026年10月19日 更新

查看 stablyai 的全部技能

报告此技能的问题