'shot' 검색 결과

Verify GitHub Copilot app screenshots match the course content. Use when running /check-screenshots-content, or when asked to confirm that app- prefixed screenshots in chapter assets folders are consistent with the README labels, button names, menu items, dialog options, and step-by-step instructions that reference them.

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

Generate frontend code drafts using Gemini 3.1 Pro's one-shot UI generation. Use when building React components, HTML/CSS pages, SVG animations, or converting screenshots to code. Produces fast, cheap drafts (7.5x cheaper than Opus) that Claude reviews and refines. Supports design system context loading (1M token window), screenshot-to-code pipeline, and physics-based SVG animation. Trigger: "generate a UI", "screenshot to code", "draft a component", "SVG animation", "convert this design", "gemini forge", "forge a UI".

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

Mosaic environment-sensitive areas (tenant name, user avatar, subscription name / ID, resource group, internal hostnames) on Azure Portal screenshots before publishing to blogs, Qiita, Medium, slides, or demos. Use when sanitizing screenshots, masking env info, or preparing portal captures for public sharing. Keywords: Azure Portal, screenshot, mask, mosaic, sanitize, tenant, subscription, public publishing, blur, redact.

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

Pixel-faithful clone of any web UI into the user's existing stack, using whatever sources are available — a screenshot alone, a live URL, raw HTML/CSS, or any combination. Use this skill whenever the user wants to recreate, match, replicate, or "clone" a design from a screenshot, image, URL, Figma export, or HTML dump. Trigger on phrases like "clone this", "match this design", "build this from screenshot", "recreate this page", "make it look like this", "rebuild this UI", "copy this layout", or any time the user provides a visual reference and asks for a faithful implementation. Do not undertrigger — even if the user just drops a screenshot without explicit phrasing, this skill applies.

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

Pencil CLI（`pencil`コマンド）だけを使って既存の.penファイル（Pencilで作成されたデザインファイル）をAIプロンプトで修正・更新するスキル。ユーザーが.penファイルの編集、ボタン追加、レイアウト変更、UIデザインの調整、Pencilデザインの更新などを依頼した場合に必ずこのスキルを使用する。エージェントモード（`pencil --in --out --prompt`）で同一パスを指定して既存ファイルを上書き編集し、編集後はインタラクティブモード（`pencil interactive`）でNodeツリーから「**編集したコンポーネントのNodeだけ**」を特定して`get_screenshot` / `export_nodes` でPNG出力し、`.pen`と同階層の`snapshots/`ディレクトリに保存する。Pencil MCPには依存せず、`pencil` コマンドのみで完結する。

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

Pencil CLI（`pencil`コマンド）だけを使って、.penファイル（Pencilで作成されたデザインファイル）の中のNodeのデザインデータ（属性・構造）とスクリーンショット画像を読み取り専用で取得するスキル。Node IDが分かっているケースだけでなく、名前の正規表現（例: 「ヘッダー」「.*Button」）、Nodeタイプ（frame / text / image など）、再利用可能コンポーネント、特定フレーム配下、ドキュメント全体のトップレベルなど、**ID以外の指定方法**にも対応する。ユーザーが「.penのこのNodeの中身を見せて」「特定コンポーネントのデザインデータを取り出して」「Nodeのスクリーンショットだけ欲しい」「ヘッダーの構造を確認したい」「ボタンのスタイルをコピーしたい」「再利用可能コンポーネント一覧を見せて」「ドキュメント全体の構造を覗きたい」「全てのテキストNodeを取得して」のように.pen内の要素の調査・参照・確認・抜き出しを依頼した場合に必ずこのスキルを使う。インタラクティブモード（`pencil interactive`）で `batch_get` の `nodeIds` / `patterns` / `parentId` を使い分けてNode属性をJSONで取得し、`get_screenshot` / `export_nodes` で画像を`.pen`と同階層の`snapshots/`にPNG出力する。編集はしない（`save()`を呼ばない）ため、対象ファイルは絶対に書き換わらない。Pencil MCPには依存せず`pencil`コマンドのみで完結。

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

Create or refresh screenshot-led product hero images, localized interface captures, and image-led README sections for GitHub repositories. Use whenever a user asks to make a GitHub README show a GUI product visually, add software screenshots, design a README hero image, reproduce a screenshot-collage reference, or prepare repository-bound visual documentation. For GUI applications, default to the deterministic product-proof split hero with real software screenshots unless the user explicitly requests another visual direction.

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

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app st...

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

Resize and validate App Store screenshots with current asc screenshot-size data and macOS sips. Use when preparing or fixing screenshots for App Store Connect submission.

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

Resize and validate App Store screenshots with current asc screenshot-size data and macOS sips. Use when preparing or fixing screenshots for App Store Connect submission.

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

Resize and validate App Store screenshots with current asc screenshot-size data and macOS sips. Use when preparing or fixing screenshots for App Store Connect submission.

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

pen.dev CLI（`pencil` / `pen`コマンド）だけを使って、.penファイル（pen.devで作成されたデザインファイル）の中のNodeのデザインデータ（属性・構造）とスクリーンショット画像を読み取り専用で取得するスキル。Node ID指定に加え、名前の正規表現（例: 「ヘッダー」「.*Button」）、Nodeタイプ（frame / text / image など）、再利用可能コンポーネント、特定Node配下、ドキュメント全体のトップレベルなど、**ID以外の指定方法**にも対応する。ユーザーが「.penのこのNodeの中身を見せて」「特定コンポーネントのデザインデータを取り出して」「Nodeのスクリーンショットだけ欲しい」「ヘッダーの構造を確認したい」「ボタンのスタイルをコピーしたい」「再利用可能コンポーネント一覧を見せて」「ドキュメント全体の構造を覗きたい」「全てのテキストNodeを取得して」のように.pen内の要素の調査・参照・確認・抜き出しを依頼した場合に必ずこのスキルを使う。インタラクティブモード（`pencil interactive`）で `execute` の `Get` / `Print`（読み取り専用関数のみ）を使ってNode属性を取得し、同じ `execute` の `Export` / `TakeScreenshot` で画像を`.pen`と同階層の`snapshots/`にPNG出力する。編集はしない（`save()` も変更系関数も呼ばない）ため、対象ファイルは絶対に書き換わらない。pen.dev MCPには依存せず`pencil`コマンドのみで完結。

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

pen.dev CLI（`pencil` / `pen`コマンド）だけを使って.penファイル（pen.devで作成されたデザインファイル）を`execute`による決定論的な編集操作で修正・更新・新規作成するスキル。.penファイルの編集、ボタン追加、レイアウト変更、UIデザインの調整、pen.devデザインの更新、新しい.penデザインの作成などの依頼で必ず使用する。有料の`--prompt`（エージェントモード）は使わず、編集・新規作成はすべてインタラクティブモード（`pencil interactive`）の`execute`（`Insert` / `Update` / `Delete` など）で行い、最後に`save()`する。`Insert` / `Update` に渡すNodeデータは`references/pen-format.md`の.penフォーマット定義に従う。既存ファイルは`-i`と`-o`に同一パスを指定して上書き、新規作成は`-i`を省略して`-o`に新しいパスを指定する。編集・作成後は「**編集・作成したコンポーネントのNodeだけ**」を`execute`の`Export` / `TakeScreenshot`でPNG出力し、`.pen`と同階層の`snapshots/`ディレクトリに保存する。pen.dev MCPには依存せず`pencil`コマンドのみで完結する。.penファイルのgitコンフリクト解消・破損復旧は本スキルではなく`resolve-pencil-conflict`スキルの担当。

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

OpenClaw 테스트의 메모리 증가와 부족 원인을 조사합니다. 측정값과 메모리 객체 기록을 비교해 실제 해제 누락과 테스트 프로세스의 모듈 보존을 구분하고 수정 결과를 검증합니다.

• Vitest 메모리 부족 원인을 조사합니다
• 같은 프로세스의 메모리 기록을 비교합니다
• 해제 누락과 모듈 보존을 구분합니다

여러 화면 디자인 이미지를 Vue 3 페이지와 공통 컴포넌트로 일괄 변환합니다. Vant 등 UI 라이브러리 연결과 화면 이동의 초기 코드 생성도 다룹니다.

• 디자인 이미지를 Vue 3로 변환
• 목록과 로딩 상태를 한 페이지로 통합
• 반복 화면 영역을 공통 컴포넌트로 추출

Unreal Engine 편집기로 물체를 배치하고 조명, 재질, 카메라 구도를 조정합니다. 장면 상태와 시각적 결과를 확인하고 스크린샷이나 렌더를 출력합니다.

• 3D 레벨 구성과 물체 배치
• 장면 분위기에 맞는 조명 조정
• 카메라 구도 설정과 렌더 출력

Playwright로 로컬 웹 앱을 조작해 화면 기능과 동작을 확인합니다. 스크린샷과 브라우저 로그로 오류를 조사하고 테스트용 서버의 시작과 종료를 관리합니다.

• 로컬 앱의 버튼과 입력 양식 확인
• 화면과 로그를 활용한 오류 조사
• 프런트엔드와 백엔드 동시 실행 테스트

브라우저에서 웹페이지를 열고 화면 이동과 양식 입력 흐름을 확인합니다. 화면 너비별 스크린샷, 조작 전후의 페이지 차이, 콘솔 오류를 기록합니다.

• 화면 이동과 양식 입력 흐름 확인
• 기기별 화면 너비로 스크린샷 촬영
• 페이지 이미지와 콘솔 오류 기록

브라우저를 직접 제어해 클릭, 문자 입력, 정보 수집과 화면 캡처를 수행합니다. JavaScript로 표시되는 페이지와 로그인된 화면에서 작업하고 사이트 동작을 확인합니다.

• 웹사이트 클릭과 문자 입력 자동화
• JavaScript로 표시되는 정보 수집
• 로그인된 브라우저에서 작업

실제 브라우저로 웹페이지와 앱을 조작하며 화면과 동작을 검증합니다. 스크린샷, 간단한 양식 입력, 오류 및 통신 기록으로 문제 재현과 결과 확인을 돕습니다.

• UI 변경 후 화면을 확인합니다
• JavaScript로 렌더링된 내용을 읽습니다
• 화면 문제와 오류를 재현합니다

기존 저장소의 파일 구조, 의존 관계, 컴포넌트와 라우팅을 기록합니다. 에이전트가 마이그레이션이나 수정 작업에서 반복해서 참조할 구조 데이터를 만듭니다.

• 코드 마이그레이션 준비
• 수정 전 컴포넌트와 화면 구조 기록
• 대화 간 저장소 구조 데이터 재사용

새 웹페이지 제작이나 기존 UI 검토에서 구조, 색상, 글꼴을 정리합니다. URL과 이미지의 디자인 분석 및 개선 사항의 우선순위 지정도 지원합니다.

• 새 랜딩 페이지를 설계합니다
• 기존 UI 개선 사항의 우선순위를 정합니다
• 참고 페이지나 이미지를 분석합니다

소스 코드, Figma 내보내기 데이터, 스크린샷에서 색상·글꼴·간격 등의 디자인 설정을 모아 출처와 사용 위치를 기록한 JSON으로 정리합니다.

• 코드에 흩어진 디자인 설정 정리
• Figma 디자인 이전 준비
• 스크린샷에서 디자인 설정 추출

OpenAI의 Sora API로 짧은 영상을 생성하고 리믹스하며 관리합니다. 영화 같은 장면과 편집용 보조 영상을 만들고 영상 구상의 다른 안을 시험할 수 있습니다.

• 영화 같은 장면을 제작합니다
• 편집에 쓸 보조 영상을 준비합니다
• 영상 구상의 다른 안을 시험합니다