本文へ移動
cccskills
無料GitHub で公開

anoa

Drive a real browser from the command line — open pages, snapshot the interactive elements as refs, click and fill by ref, read text, run JS, screenshot. Use when a task needs a live browser: checking a page renders, walking a login or checkout flow, scraping something that only exists after JavaScript runs, or reproducing a UI bug.

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.4 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

anoa

anoa is the browser every Jonggrang agent drives — a single self-contained binary that carries its own browser, so there is no Playwright or Chrome download to wait for.

In the sandbox it is preinstalled. On a bare host, install it once with scripts/install-linux.sh from the anoa repo; if anoa is not on PATH, install it rather than reaching for another tool.

The one thing to know

The browser is a session. Start it once; every later command attaches to the running browser and leaves it running, so the page, cookies and scroll position survive between commands.

anoa --headless --port 9222 &   # start it once
anoa open example.com           # then drive it
anoa snapshot -i                # see what is interactive, with @refs
anoa click @e2                  # act by ref

anoa status reports whether a browser is listening; exit code 3 means none is — that, not a wrong command, is why anoa open would do nothing.

Load the full reference before working

The binary carries its own documentation, which is always in step with the installed version:

anoa skills get core        # the workflow: start, snapshot, act by ref
anoa skills get commands    # every command with its arguments

Read core before your first browser task in a session, and commands when you need exact syntax. Do not work from memory of another browser CLI — anoa is session-based, so one-shot recipes from other tools silently do nothing here.

What it is good for

NeedReach for
Does the page render, and how does it lookanoa open, anoa screenshot [file]
What can I interact withanoa snapshot -i → @refs
Responsive / dark mode checkanoa set viewport <w> <h>, anoa set device, anoa set media dark|light
Read what the page saysanoa get text [@ref] — cheaper than get html
Walk a flowanoa fill @e3 "…", anoa click @e7, anoa wait --url "/dashboard"
Why is the UI brokenanoa console, anoa errors, anoa network

--json on any command gives structured output. Exit codes: 0 ok, 1 failed, 2 bad usage, 3 no browser listening.

Rules

  • Re-snapshot after anything that changes the page. Refs are written onto DOM nodes; a navigation or a submit replaces them. no element for @e4 means the snapshot is stale, not that the command is wrong.
  • Prefer wait --selector / --url / --text over wait --ms. They are faster on a quick page and more reliable on a slow one.
  • Prefer get text over get html. HTML costs far more tokens and rarely says more.
  • Any CSS selector works wherever a ref does: anoa click "#submit".

Watching it happen

anoa terminal renders the live page in the terminal and forwards clicks and typing, attached to the same running browser — useful in one pane while commands run in another.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

Run linters/typecheckers to calculate health score.

日本語の概要は準備中です。原文の説明を表示しています。

porcupine-md/jonggrang152026年9月15日 更新

Comprehensive UI/UX compliance check (A11y, performance, responsive).

日本語の概要は準備中です。原文の説明を表示しています。

porcupine-md/jonggrang152026年9月15日 更新

Infrastructure-first security audit (OWASP, secrets, dependencies).

日本語の概要は準備中です。原文の説明を表示しています。

porcupine-md/jonggrang152026年9月15日 更新

auth

無料

Setup authentication flow (register, login, session/JWT, middleware)

日本語の概要は準備中です。原文の説明を表示しています。

porcupine-md/jonggrang152026年9月15日 更新

Deep knowledge about deploying applications to AWS (EC2, ECS, S3, CloudFront, Cloud Run).

日本語の概要は準備中です。原文の説明を表示しています。

porcupine-md/jonggrang152026年9月15日 更新

Used by the Lead agent during Phase 6 (Brainstorm) to collaboratively explore user intent, requirements, and alternative approaches before locking in the architecture. Helps turn raw ideas into fully formed specs through natural dialogue.

日本語の概要は準備中です。原文の説明を表示しています。

porcupine-md/jonggrang152026年9月15日 更新

porcupine-md のスキルをすべて見る

このスキルの問題を報告する