New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Orca Chat Visuals

by stablyai in stablyai/orca

Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page.

MITAuto-check passedFrontend & Design

Install Orca Chat Visuals

skills CLI
$ npx skills add stablyai/orca --skill orca-chat-visuals -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install stablyai/orca orca-chat-visuals --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/stablyai/orca.git skills-src && mkdir -p .claude/skills && cp -r skills-src/resources/native-chat-visuals/skills/orca-chat-visuals .claude/skills/orca-chat-visuals && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
orca-chat-visuals
GitHub stars
88k
Token cost
~413 tokens
SKILL.md length
185 words
Files
1
Skills in repo
9
Repo updated
First seen
Licence
MIT

At a glance

Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page.

  • A visual would help the user understand your answer
  • SKILL.md covers Writing the page and Showing it
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
  • Tasks that involve HTML artifacts

What it does

Orca Chat Visuals is an agent skill from stablyai/orca. 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 ORCACHATVISUALSDIR environment variable is set.

Its SKILL.md is about 410 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Frontend & Design, covering HTML artifacts and Secrets management. The repository describes itself as: Orca is the ADE for working with a fleet of parallel agents. Run any coding agent with your own subscription. Available on desktop, mobile and remote runtime. The licence is MIT.

When your agent uses it

  • A visual would help the user understand your answer
  • Tasks that involve HTML artifacts
  • Tasks that involve Secrets management

Example prompts

  • “/orca-chat-visuals”

What it can do on your machine

Read from SKILL.md and the folder at commit cbad641. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Orca Chat Visuals loads about 413 tokens when it runs. Until then it costs about 61 tokens; SKILL.md has 185 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~61
When it runs · the whole SKILL.md, loaded when a task matches
~413

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from stablyai/orca at commit cbad641, republished under its MIT licence (© stablyai). 185 words, ~413 tokens.

Download SKILL.mdSave it as .claude/skills/orca-chat-visuals/SKILL.md (or your agent's skills folder).
name
orca-chat-visuals
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_VISUALS_DIR environment variable is set.
user-invocable
false

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_VISUALS_DIR (printenv ORCA_CHAT_VISUALS_DIR; in PowerShell $env:ORCA_CHAT_VISUALS_DIR). If it's unset or you can't write there, skip the visual.
  • 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.

© stablyai, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in resources/native-chat-visuals/skills/orca-chat-visuals of stablyai/orca.

Open the folder on GitHubat commit cbad641

Compare with similar skills

Orca Chat Visuals next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Orca Chat Visuals compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Orca Chat Visuals this skillstablyai/orca88k—~413Automated safety check: PassMIT
Solo Artifactssolo-agent/solo697—~961Automated safety check: PassMIT
Previewhanamizuki/solopreneur152—~5.2kAutomated safety check: PassMIT
Security DashboardCommunity-Access/accessibility-agents423—~943Automated safety check: PassMIT
LobeHub Interactive Prototypelobehub/lobehub83k—~1.6kAutomated safety check: PassCustom licence
Paperclip Pagepaperclipai/paperclip99k—~1kAutomated safety check: PassMIT

Similar skills

  • Solo Artifacts

    solo-agent/solo

    A skill your agent uses when a Solo task or thread should become an interactive, reviewable, self-contained HTML artifact for progress/status, review/decision, or comparison/leaderboard work inside…

    697 GitHub stars~961 tokensUpdated 26 days ago
    Frontend & DesignAuto-check passed

  • Preview

    hanamizuki/solopreneur

    Create an interactive HTML preview of any proposal, plan, idea, doc, brief, or spec and land it in the browsable local Preview Library by default (opens under file:// with a catalog sidebar and…

    152 GitHub stars~5.2k tokensUpdated 12 days ago
    Frontend & DesignAuto-check passed

  • Security Dashboard

    Community-Access/accessibility-agents

    Triage Dependabot, code scanning and secret scanning alerts.

    423 GitHub stars~943 tokensUpdated 15 days ago
    Frontend & DesignAuto-check passed

  • LobeHub Interactive Prototype

    lobehub/lobehub

    Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.

    83k GitHub stars~1.6k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Paperclip Page

    paperclipai/paperclip

    Publish static HTML pages and asset folders to the Paperclip S3/CloudFront page host.

    99k GitHub stars~1k tokensUpdated today
    Frontend & DesignAuto-check passed

  • Openkb Deck Neon

    VectifyAI/OpenKB

    A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…

    4.8k GitHub starsUsed in 1 repo~4.3k tokens
    Frontend & DesignAuto-check passed

More from stablyai/orca

All 9 skills in this repo

  • Orca CLI

    stablyai/orca

    Operate Orca-managed worktrees, folder contexts, terminals, repos, automations, artifacts, skill sharing, worktree comments, and Orca's embedded browser…

    88k GitHub starsUsed in 2 repos~593 tokens
    Auto-check passed

  • Orca iOS Simulator Control

    stablyai/orca

    iOS Simulator control from inside Orca, with the live device view in Orca's emulator pane. Use when driving a booted Apple Simulator on macOS: taps, gestures…

    88k GitHub starsUsed in 1 repo~584 tokens
    Auto-check passed

  • Orca Linear Ticket Workflow

    stablyai/orca

    Linear ticket work through Orca's CLI. Use when working from a linked Linear issue, finishing work with a PR/MR link and a completion comment, moving a ticket…

    88k GitHub starsUsed in 1 repo~522 tokens
    Auto-check passed

  • Orca Per-Workspace Environments

    stablyai/orca

    Set up, review, debug, or validate an Orca per-workspace environment recipe: the on-demand, disposable runtime (cloud sandbox, VM, SSH host, or local…

    88k GitHub starsUsed in 1 repo~564 tokens
    Auto-check passed

  • Orca Computer Use

    stablyai/orca

    Drives the GUI of a visible local app window through `orca computer`: accessibility tree, clicks, typing, menus, dialogs, and screenshots in native apps and…

    88k GitHub stars~553 tokensUpdated today
    Auto-check passed

  • Linear Tickets via Orca

    stablyai/orca

    Linear ticket work through Orca's CLI. Use when working from a linked Linear issue, finishing work with a PR/MR link and a completion comment, moving a ticket…

    88k GitHub stars~558 tokensUpdated today
    Auto-check passed

Categories

Questions about Orca Chat Visuals

What does Orca Chat Visuals do?

Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page. Orca Chat Visuals is an agent skill from stablyai/orca. Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page.

When should I use Orca Chat Visuals?

Orca Chat Visuals fits situations like: A visual would help the user understand your answer; tasks that involve HTML artifacts; tasks that involve Secrets management.

How do I install Orca Chat Visuals in Claude Code?

Run `npx skills add stablyai/orca --skill orca-chat-visuals -a claude-code`. Or copy the skill folder (resources/native-chat-visuals/skills/orca-chat-visuals in stablyai/orca) into .claude/skills/orca-chat-visuals in your project. Claude Code loads it when a task matches its description.

How do I install Orca Chat Visuals in Codex?

Run `npx skills add stablyai/orca --skill orca-chat-visuals -a codex`. Or copy the skill folder (resources/native-chat-visuals/skills/orca-chat-visuals in stablyai/orca) into .agents/skills/orca-chat-visuals in your project. Codex loads it when a task matches its description.

Can I use Orca Chat Visuals in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add stablyai/orca --skill orca-chat-visuals -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/orca-chat-visuals, .gemini/skills/orca-chat-visuals, .github/skills/orca-chat-visuals and .opencode/skills/orca-chat-visuals in your project.

What does Orca Chat Visuals need to run?

SKILL.md names no scripts, command-line tools or credentials: Orca Chat Visuals is instructions for the agent only.

Does Orca Chat Visuals access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Orca Chat Visuals safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Orca Chat Visuals use?

Orca Chat Visuals is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Orca Chat Visuals use?

About 413 tokens (SKILL.md is roughly 1.7k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Orca Chat Visuals?

Skills that share tags, products or a category with Orca Chat Visuals: Solo Artifacts (solo-agent/solo, 697 stars), Preview (hanamizuki/solopreneur, 152 stars), Security Dashboard (Community-Access/accessibility-agents, 423 stars) and LobeHub Interactive Prototype (lobehub/lobehub, 83k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Orca Chat Visuals?

stablyai (a GitHub organization) maintains it in stablyai/orca, which has 88,153 GitHub stars. The repository holds 9 skills in this directory. The repository was last updated on October 9, 2026.

Source: stablyai/orca on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.