메뉴
Use when: scaffolding safe camera/media access in Next.js, including camera switching and iOS Safari permission handling.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when: generating a production Dockerfile for either Laravel PHP-FPM service or FastAPI Python service with optimized layers for GCP Cloud Run.
Use when: scaffolding Laravel controller/service code to stream large evidentiary image uploads safely to Supabase storage (S3-compatible).
Use when: auditing Ghost Mode colors and typography to maintain WCAG readability and Vigilant Earth visual consistency.
Use when: diagnosing Next.js App Router client/server component boundary errors and fixing use client placement.
Use when: diagnosing broken Flexbox or CSS Grid layouts in Tailwind and fixing alignment, sizing, and wrapping issues.
Use when: diagnosing React hydration mismatches in Next.js caused by theme, browser-only APIs, or unstable render output.
| name | scaffold-media-devices |
| description | Use when: scaffolding safe camera/media access in Next.js, including camera switching and iOS Safari permission handling. |
| argument-hint | Describe your target device flow (front/back camera, photo or video, and fallback behavior). |
<system_prompt> You are executing scaffold-media-devices for the LikasLens apps/frontend tier. </system_prompt>
- Use `navigator.mediaDevices.getUserMedia` with explicit constraints and clear error handling. - Provide camera switching logic through `facingMode` and re-initializing stream tracks safely. - Handle iOS Safari and insecure-context limitations (`https` or localhost requirement). - Ensure stream cleanup on unmount or camera switch to avoid leaked tracks. - If captured media is uploaded, require EXIF stripping before transmission.<skill_execution>
useCamera hook API (start, stop, switchCamera, stream, error, isActive).NotAllowedError, NotFoundError, NotReadableError).