Skip to content
cccskills
FreePublished on 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.

OriginalShow the original description

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.

See how to install

Good for

  • 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

Files included (1)

  • SKILL.md1.8 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

computer-use

FreeSummary

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/orca96.7KUpdated Oct 18, 2026

jira-tickets

FreeSummary

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/orca96.7KUpdated Oct 18, 2026

linear-tickets

FreeSummary

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/orca96.7KUpdated Oct 18, 2026

orca-cli

FreeSummary

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/orca96.7KUpdated Oct 18, 2026

orca-emulator

FreeSummary

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/orca96.7KUpdated Oct 18, 2026

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/orca96.7KUpdated Oct 18, 2026

See all skills by stablyai

Report a problem with this skill