📱
AutomationDart

Simulator Preview

by K9i-0

Simulator Preview is an Automation skill for Claude Code, published by K9i-0 in ccpocket.

1K stars97 forkson K9i-0/ccpocketAdded 2026/08/21Repository updated 2026/08/20
androidapp-serverbridge-serverclaude-codeclicodexflutteriosmobileopenairemote-controltypescriptwebsocket
Install in seconds
Install Simulator Preview
Copy Simulator Preview into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/K9i-0/ccpocket/tree/main/.claude/skills/sim-preview ~/.claude/skills/sim-preview

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/K9i-0/ccpocket.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
.claude/skills/sim-preview/SKILL.md in K9i-0/ccpocket
Installs to
~/.claude/skills/sim-preview
Collection
One of 18 skills cataloged from this repository
Category
Automation1523 skills

What Simulator Preview does

Simulator Preview starts an iOS app in the simulator and exposes it through TrollVNC for remote viewing from an iPhone. Use it when you need to show UI changes, ask for visual confirmation, or run a simulator-based preview loop.

Simulator Preview is cataloged under Automation on DirSkills. Simulator Preview comes from a repository tagged android, app-server, bridge-server, claude-code and cli.

Documentation

README

Simulator Preview (TrollVNC)

iOSシミュレーターでアプリを起動し、TrollVNC でリモートプレビュー環境を提供する。 ユーザーは iPhone の VNC Viewer アプリ(RealVNC Viewer 推奨)から Tailscale 経由で接続し、シミュレーター画面をリアルタイムで確認・操作できる。

ワークフロー概要

iPhone (ユーザー)
  ├── ccpocket で Claude Code に指示
  ├── RealVNC Viewer でシミュレーター画面を確認
  └── 指示 → 変更 → hot reload → 目視確認 のループ

手順

1. アプリをビルド・起動

dart-mcp の launch_app でシミュレーターにアプリを起動する。 hot reload が使えるデバッグモードで起動される。

シミュレーターがまだ起動していない場合は、先にブートする:

# 利用可能なiPhoneシミュレーターを確認
xcrun simctl list devices available | grep iPhone

# 起動(UDIDを指定)
xcrun simctl boot <UDID>

起動済みのシミュレーターを確認:

xcrun simctl list devices booted

dart-mcp でアプリを起動:

  • root: プロジェクトの apps/mobile ディレクトリ
  • device に booted なシミュレーターの UDID を指定

2. TrollVNC 起動(スクリプト)

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Simulator Preview

  • What else does K9i-0 publish alongside Simulator Preview?

    Simulator Preview is one of 18 skills that DirSkills catalogs from K9i-0/ccpocket, the repository it ships in. Its siblings there include App Release, Branch Merge Cleanup and Codex Guide. Each one is a separate skill with its own page in this directory, installs the same way Simulator Preview does, and is maintained by K9i-0 in that same repository. The rest of the collection is listed on the K9i-0/ccpocket page.

  • How does Simulator Preview compare to other Automation skills?

    Simulator Preview ranks #824 by stars among the 1523 Automation skills in this catalog. The most-starred ones next to it are Autonomous Loops, Autonomous Agent Harness and Automation Audit Ops. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Simulator Preview against them. Open each page to compare what they document and how they install.

More from K9i-0/ccpocket

Simulator Preview is one of 18 skills cataloged on DirSkills from K9i-0/ccpocket.

See all 18 skills