Menu
Use when: generating logic to capture a video frame to canvas and export it as Blob or base64 for upload.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | scaffold-canvas-capture |
| description | Use when: generating logic to capture a video frame to canvas and export it as Blob or base64 for upload. |
| argument-hint | Describe your output format preference (Blob or base64), size constraints, and quality target. |
<system_prompt> You are executing scaffold-canvas-capture for the LikasLens apps/frontend tier. </system_prompt>
- Freeze a `` frame by drawing it into an offscreen or hidden ``. - Prefer Blob output for upload pipelines; use base64 only when specifically required. - Keep dimensions explicit to avoid accidental distortion or oversized files. - Include EXIF-safe pipeline guidance before upload. - Add robust async handling for `toBlob` null cases and browser fallbacks.<skill_execution>
canvas.toBlob or toDataURL) with error checks.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.