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

first-run

Guide a new user through their first computer-use agent run (env check, safe browser-only task, then open the trajectory viewer).

インストール方法を見る

含まれるファイル(1)

  • SKILL.md3.2 KB

SKILL.md(原文)

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

First run

Walk the user through running this demo for the first time. Be conversational and pause for confirmation between phases; the goal is that they understand what each step does, not just that the commands succeed.

0. Orient

Briefly say what is about to happen: you will check their setup, run one safe browser-only task that does not touch their mouse or keyboard, and then open the trajectory viewer so they can see what the model saw.

1. Environment check

Never read the contents of .env. Do not cat, grep (without -q), Read, or otherwise display it — the user's API key must never appear in this conversation or in your context. Only check for its presence.

  • Confirm a virtual environment is active and dependencies are installed: python -c "import computer_use, playwright; print('ok')". If that import fails, point them at the Installation section of README.md and stop.
  • Confirm .env exists and the API key is set without ever printing it: [ -f .env ] && grep -q '^ANTHROPIC_API_KEY=.' .env && echo 'API key: set' || echo 'API key: missing' If missing, copy .env.example to .env and ask the user to open it in their own editor and paste their key into it (do not ask them to paste the key into chat, and do not edit .env for them). Wait until they confirm.
  • Run the macOS permission preflight non-fatally: python -c "from computer_use.preflight import check_and_warn; check_and_warn(require=False)" and explain any warnings. These permissions are only needed for the desktop computer tool, which the first task does not use, so it is fine to continue without them for now.

2. Run a safe browser-only task

Explain that this task uses only the headless browser tool, so nothing on their screen will move. Then run:

CU_ENABLE_COMPUTER_USE_TOOLS=false python -m computer_use \
  "Navigate to https://en.wikipedia.org/wiki/Special:Random three times, \
   take a screenshot each time, then summarize what you saw."

While it runs, narrate what the streamed output means (dim thinking text, the cyan tool-call lines, the yellow tool-result lines, the [usage] line). When it finishes, point out the trajectory: runs/... path that was printed.

3. Open the trajectory viewer

python -m streamlit run dev_ui/trajectory_viewer/app.py

Tell them to pick the newest run in the sidebar, expand the System prompt section to see exactly what the model was told, and scroll through the turns to see each screenshot inline.

4. Next steps

Offer two follow-ups and let them choose:

  • Try the desktop tool: once Screen Recording and Accessibility are granted, run python -m computer_use "open TextEdit and type hello world". Warn them again that this will move their real mouse and keyboard.
  • Explore the dev UIs: the tool panel at python -m uvicorn dev_ui.tool_panel.server:app --reload lets them call each tool by hand without the model in the loop.

End by pointing at the Configuration and Effective caching and context pruning sections of README.md for the deeper material.

レビュー

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

同じリポジトリのスキル

概要と使いどころ

verify

無料

Build and drive the copilot-kit-ag-ui demo to verify changes end-to-end.

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

anthropics/claude-quickstarts1.8万2026年10月9日 更新

verify

無料

Build the computer-use-demo image and drive the Streamlit UI headlessly to verify changes end-to-end.

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

anthropics/claude-quickstarts1.8万2026年10月9日 更新

anthropics のスキルをすべて見る

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