본문으로 건너뛰기
cccskills
무료GitHub에 공개

simulator-screenshot-crop

iOS/Android シミュレーターのスクリーンショットから macOS ウィンドウのタイトルバー ("iPhone 16 Pro / iOS 18.6" 等のシミュレーター chrome)を自動検出して除去するスキル。alpha チャンネルを利用してバーの高さを自動検出するため、1x/2x/3x どの解像度でも動作する。

Use this skill when the user wants to crop simulator screenshots, remove the simulator title bar, clean up Xcode simulator captures, or prepare app screenshots for App Store. Triggers: "シミュレーターのスクショからバーを除去", "simulator chrome crop", "タイトルバー除去", "スクショのクロップ", "simulator screenshot crop", "シミュレーターのヘッダー消して", "スクショ切り抜き", "crop simulator".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

설치 방법 보기

포함된 파일(2)

  • SKILL.md2.8 KB
  • scripts/crop_chrome.py3.6 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Simulator Screenshot Cropper

シミュレーターのスクリーンショットから macOS ウィンドウのタイトルバーを自動除去する。

仕組み

シミュレーターのスクショは alpha チャンネル付き PNG。タイトルバー部分は不透明で、 デバイスベゼルとの境界から透明になる。画像中央列を走査して最初の alpha=0 ピクセルを 見つけることでバーの高さを自動特定する。

前提条件

Python 3 + Pillow が必要。なければ pip install Pillow でインストール。

使い方

# 基本: 同じディレクトリに _cropped サフィックスで保存
python scripts/crop_chrome.py ~/Desktop/Screenshot1.png ~/Desktop/Screenshot2.png

# 複数ファイル一括
python scripts/crop_chrome.py ~/Desktop/*.png

# 出力先ディレクトリを指定
python scripts/crop_chrome.py ~/Desktop/*.png -o ~/Desktop/cropped/

# サフィックスをカスタマイズ
python scripts/crop_chrome.py ~/Desktop/*.png -s _clean

# 元ファイルを上書き
python scripts/crop_chrome.py ~/Desktop/*.png --overwrite

オプション

フラグ説明デフォルト
-o, --output-dir出力先ディレクトリ元ファイルと同じ場所
-s, --suffix出力ファイル名のサフィックス_cropped
--overwriteサフィックスなしで上書きoff

対応解像度

alpha チャンネル方式で自動検出するため、解像度に依存しない:

解像度画像幅の目安chrome bar の高さ
1x~434px~52px
2x~868px~104px
3x~1302px~156px

注意事項

  • 入力画像に alpha チャンネルがない場合は自動で RGBA に変換するが、 chrome bar との境界が検出できない可能性がある
  • Android エミュレーターでも同様の構造であれば動作する

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

This skill should be used when the user asks to "create a team", "spawn agents", "parallel execution", "delegate tasks to agents", "use a swarm", "team workflow", "split work across agents", "run tasks in parallel", or mentions wanting multiple agents to collaborate on a complex task.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

sean-sunagaku/claude-code-plugin382026년 7월 30일 업데이트

Agent Teams スキルを設計・構築するためのベストプラクティスガイド。 サブエージェント定義、SendMessage 通信プロトコル、タスク依存管理、 PostToolUse Hook によるログ、MCP ツール統合、コンテキストファイル設計を網羅。 7つの実績あるチームスキル(app-naming, ui-review, logo-design, persona-creation, skill-creator-team, ui-variations, aso-optimize)から抽出したパターン集。 Use when: Agent Teams を使ったスキルを新規作成したい、 既存のチームスキルの品質を改善したい、エージェント間通信のデバッグ、 チームスキルの設計パターンを知りたい。 Triggers: "agent team", "チームスキル", "エージェントチーム", "サブエージェント定義", "SendMessage パターン", "チーム設計", "エージェント間通信", "team skill", "swarm pattern"

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

sean-sunagaku/claude-code-plugin382026년 7월 30일 업데이트

アプリ名・サービス名の命名を、5つの専門エージェントチームで多角的に評価・決定するスキル。 ブランディング、商標/法的リスク、デジタルプレゼンス(SEO/ASO/SNS)、国際展開(多言語/発音)の 4観点から候補を提案・調査・議論し、コンテキストファイルと議事録で次回セッションへ引き継ぐ。 Use when: アプリ名を決めたい、サービス名を変更したい、プロダクト名を検討したい、 ネーミングブレスト、名前の商標チェック、アプリ名のリネーム。 Triggers: "アプリ名", "サービス名", "プロダクト名", "ネーミング", "名前を決め", "リネーム", "rename", "app name", "naming", "ブランド名", "商標チェック"

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

sean-sunagaku/claude-code-plugin382026년 7월 30일 업데이트

App Store プレビュー動画を Remotion (React) で生成する Agent Team スキル。 video-director が構成を設計し、script-writer がナレーション台本を作成し、 motion-designer が Remotion コードを実装し、preview-reviewer がコードレビューし、 frame-inspector がレンダリング結果を目視検証する。 Use when: App Store プレビュー動画を作りたい、アプリのプロモーション動画を作りたい、 Remotion で動画を生成したい。 Triggers: "プレビュー動画", "App Store 動画", "アプリ動画", "preview movie", "Remotion", "動画作成", "app preview"

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

sean-sunagaku/claude-code-plugin382026년 7월 30일 업데이트

アプリのトーン&マナー(トンマナ)を8名のエージェントチームで設計するスキル。 ブランドアーキタイプ・パーソナリティ定義から、カラー・タイポグラフィ・ビジュアルスタイル・ トーン・オブ・ボイスまでを一貫設計し、Pencil (.pen) + Markdown で成果物を出力する。 「デザインテンション」(矛盾ペア)を核に、AIっぽくない独自のブランドアイデンティティを生成する。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

sean-sunagaku/claude-code-plugin382026년 7월 30일 업데이트

仕様書・要件定義からソフトウェアアーキテクチャを設計するスキル。 5人の専門エージェント(Architecture Lead・Module Designer・Dependency Analyst・ Platform Expert・Devil's Advocate)が協議しながら、 モジュール分割・依存関係・データフロー・インターフェース設計を行う。 成果物は構造化されたアーキテクチャ設計書(Markdown)。 Use when: 仕様書からどう設計するか迷っている時、モジュール分割の方針を決めたい時、 技術スタックに合ったアーキテクチャパターンを選びたい時、 設計書を作成したい時。 Triggers: "アーキテクチャ設計", "arch design", "仕様書から設計", "モジュール分割", "設計書を作りたい", "アーキテクチャを考えて", "コンポーネント設計", "依存関係を設計", "どう設計する", "design the architecture", "design from spec"

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

sean-sunagaku/claude-code-plugin382026년 7월 30일 업데이트

sean-sunagaku의 스킬 모두 보기

이 스킬의 문제 신고