메뉴
Search and download UI screenshots from the web using image search. Use when you need reference screenshots of real websites/apps (e.g., Gmail, Slack, Notion) for building mock applications. Downloads high-resolution images to a local directory.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| name | image-search |
| description | Search and download UI screenshots from the web using image search. Use when you need reference screenshots of real websites/apps (e.g., Gmail, Slack, Notion) for building mock applications. Downloads high-resolution images to a local directory. |
Search Google/Bing Images and download results to a local directory. Ideal for collecting UI reference screenshots of real applications when building mocks.
python3 .claude/skills/image-search/scripts/image_search.py "<query>" <output_dir> [options]
# Download Gmail UI screenshots
python3 .claude/skills/image-search/scripts/image_search.py "gmail inbox UI screenshot" gmail_mock/assets/screenshots --max 8
# Download multiple views of an app
python3 .claude/skills/image-search/scripts/image_search.py "slack channels sidebar desktop" slack_mock/assets/screenshots --max 5
python3 .claude/skills/image-search/scripts/image_search.py "slack thread panel reply" slack_mock/assets/screenshots --max 5
# Download with JSON output for programmatic use
python3 .claude/skills/image-search/scripts/image_search.py "notion page editor" notion_mock/assets/screenshots --max 5 --json
| Option | Default | Description |
|---|---|---|
--max N | 8 | Maximum number of images to download |
--engine | bing | Search engine: bing (recommended) or google |
--min-width | 400 | Minimum image width in pixels |
--min-height | 300 | Minimum image height in pixels |
--json | off | Output results as JSON |
For best results, use specific queries combining the app name with UI-specific terms:
"<app> inbox UI screenshot" — main view"<app> settings page interface" — settings"<app> compose new message dialog" — modals/dialogs"<app> sidebar navigation desktop" — navigation"<app> dark mode interface" — dark theme variant"<app> mobile vs desktop UI comparison" — responsive design000001.jpg, 000002.jpg, etc.icrawler Python package (pip3 install icrawler)