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

browser-api

Cinderella Browser API を使用してブラウザ操作を行うスキル。ブラウザの自動化、スクリーンショット取得、ページ操作が必要な時に使用する。API は http://browser-api:8000、noVNC は http://localhost:7900

インストール方法を見る

含まれるファイル(1)

  • SKILL.md2.2 KB

SKILL.md(原文)

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

Browser API

Cinderella Browser API は Playwright によるブラウザ自動化 API。

API Base URL

http://browser-api:8000

Note: Docker ネットワーク内からはサービス名 browser-api でアクセス。ポートはコンテナ内の 8000。

Endpoints

GET /health - ブラウザ状態確認

curl http://browser-api:8000/health

POST /open - URL を開く

curl -X POST http://browser-api:8000/open \
  -H "Content-Type: application/json" \
  -d '{"url": "https://example.com", "wait_until": "domcontentloaded"}'

GET /snapshot - ページ上の要素一覧取得

curl http://browser-api:8000/snapshot

POST /click - 要素クリック

curl -X POST http://browser-api:8000/click \
  -H "Content-Type: application/json" \
  -d '{"selector": "#submit-button"}'

POST /fill - 入力フィールドに入力

curl -X POST http://browser-api:8000/fill \
  -H "Content-Type: application/json" \
  -d '{"selector": "#search", "value": "検索ワード"}'

GET /text - 要素のテキスト取得

curl "http://browser-api:8000/text?selector=%23content"

POST /screenshot - スクリーンショット撮影

curl -X POST http://browser-api:8000/screenshot \
  -H "Content-Type: application/json" \
  -d '{"path": "/app/screenshots/screenshot.png"}'

POST /close - ブラウザを閉じる

curl -X POST http://browser-api:8000/close

Typical Workflow

  1. GET /health - ブラウザが起動しているか確認
  2. POST /open - ページを開く
  3. GET /snapshot - 操作したい要素のセレクタを確認
  4. POST /fill + POST /click - 操作を実行
  5. POST /screenshot - 結果をスクリーンショットで保存

VNC Access

ブラウザ操作の様子をリアルタイムで確認できる:

レビュー

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

同じリポジトリのスキル

概要と使いどころ

analyze-diff

無料日本語概要

差分解析してタスク分割。 トリガー例: 「/diff」

Sunwood-AI-OSS-Hub/zero-cc32026年2月17日 更新

character-creator

無料日本語概要

AIエージェントのキャラクター定義ファイルを生成するスキル。ユーザーがキャラクター設定(名前、二つ名、年齢、属性、性格、支配の流儀、口癖、外見、絵文字など)を入力すると、それに基づいてIDENTITY.md、SOUL.md、USER.md、AGENTS.md、TOOLS.md、BOOTSTRAP.md、HEARTBEAT.mdの7つのファイルとavatar.pngを配置したキャラクターディレクトリを作成する。また、agent-identity/README.md にキャラクター情報とアバター画像を追加する。ユーザーが「キャラクターを作って」「新しいキャラクターを追加して」「○○っていうキャラクターのファイル作って」と言った時や、キャラクター設定を詳細に提供した時に使用する。

Sunwood-AI-OSS-Hub/zero-cc32026年2月17日 更新

Clone a GitHub repository and automatically build a Docker environment for local verification. Creates a verification workspace in WS/, sets up Docker files, launches the environment, and performs health checks.

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

Sunwood-AI-OSS-Hub/zero-cc32026年2月17日 更新

extension-generator

無料日本語概要

Claude Codeの拡張機能(スキル、サブエージェント、プロジェクト設定)をユーザーの自然言語指示から自動生成するスキル。「○○を作るスキルを作って」「○○エージェントを作って」「CLAUDE.mdを設定して」などのリクエスト時に使用。v2.1.1以降、スラッシュコマンドとスキルは統合されたため、すべてスキルとして作成。

Sunwood-AI-OSS-Hub/zero-cc32026年2月17日 更新

fal-ai

無料日本語概要

fal.ai APIを使って画像生成・画像編集・動画生成を行うワークスペーススキル

Sunwood-AI-OSS-Hub/zero-cc32026年2月17日 更新

fal-ai-add

無料日本語概要

fal.aiスキルに新しいモデルを追加するためのスキル

Sunwood-AI-OSS-Hub/zero-cc32026年2月17日 更新

Sunwood-AI-OSS-Hub のスキルをすべて見る

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