菜单
Use when: scaffolding a multi-step React form that combines text input, image capture output, and GPS coordinates into one payload.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | scaffold-complex-form |
| description | Use when: scaffolding a multi-step React form that combines text input, image capture output, and GPS coordinates into one payload. |
| argument-hint | Describe the fields, step flow, and whether the form includes image capture or geolocation. |
<system_prompt> You are executing scaffold-complex-form for the LikasLens apps/frontend tier. </system_prompt>
- Structure the form state so it can be validated step by step. - Keep text, media, and location state explicit and serializable. - If image capture is included, strip EXIF metadata before transmission. - Use a single payload shape that matches the backend contract. - Prefer small reusable inputs and clear step transitions.<skill_execution>
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.
