본문으로 건너뛰기
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(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

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 / 1,000자

이 양식은 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.7만2026년 10월 18일 업데이트

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.7만2026년 10월 18일 업데이트

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.7만2026년 10월 18일 업데이트

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.7만2026년 10월 18일 업데이트

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.7만2026년 10월 18일 업데이트

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.7만2026년 10월 18일 업데이트

stablyai의 스킬 모두 보기

이 스킬의 문제 신고