القائمة
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).