iki-visual-test（Ikiビジュアルテスト）

このSkillでできること

STEP 1

開発サーバーとPlaywright MCPが利用可能な状態にする

STEP 2

window.__iki.getParams()でパラメータIDと範囲を確認する

STEP 3

setParamまたはloadで状態を設定し、nextFrame()を待ってスクリーンショットを撮る

STEP 4

コンソールのエラーを確認し、スクリーンショット用の一時領域を後片付けする

GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。

このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。

Repository:
https://github.com/zeikar/iki

手動でインストールする

README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。

curl -s -o /dev/null -w "%{http_code}\n" http://localhost:5173 || echo "down"

npm install @ikijs/engine @ikijs/format

pnpm install
pnpm build
pnpm playground   # open the Vite URL and drag the sliders

Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。

Ikiのレンダラー変更をビジュアルテストしてください。window.__ikiでパラメータを設定し、フレーム描画後に変更前後のスクリーンショットを取得して、コンソールエラーも確認してください。

出力例を見る

変更前後のスクリーンショットを比較し、描画結果とコンソールエラーの有無を報告しました。

自動解析による参考情報です。Skillの安全性を保証するものではありません。

外部API通信検出あり

Shellコマンド実行検出あり

ファイル読み取り明確な記述なし

ファイル書き込み明確な記述なし

ネットワークアクセス検出あり

認証情報明確な記述なし

検出根拠を見る

shell: ther than being imported. ## Quick start (this repo) ```bash pnpm install pnpm build pnpm playground # open the Vite URL and drag the sliders ``` #
shell: right MCP scratch dir — never the repo root. A single `rm -rf .playwright-mcp/` at the end then leaves the working tree clean with no `.gitignore` entr
network: s). ## Prerequisites - `pnpm playground` running on `http://localhost:5173` (vite). Probe + reuse; start it backgrounded if down. - The build is dev (
dangerous: right MCP scratch dir — never the repo root. A single `rm -rf .playwright-mcp/` at the end then leaves the working tree clean with no `.gitignore` entr