メニュー
Use when: diagnosing Promise, async/await, and race-condition issues in frontend flows.
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 | debug-async-flow |
| description | Use when: diagnosing Promise, async/await, and race-condition issues in frontend flows. |
| argument-hint | Paste the async code path and describe the observed failure (race, unhandled rejection, stale state, etc.). |
<system_prompt> You are executing debug-async-flow for the LikasLens apps/frontend tier. </system_prompt>
- Trace async control flow from trigger to side effects before suggesting fixes. - Check for missing `await`, swallowed errors, and orphaned promises. - Identify race conditions between UI state updates and network/hardware operations. - Recommend cancellation or sequencing (`AbortController`, request tokens, guarded state updates) when needed. - Keep fixes minimal and explain failure mode clearly.<skill_execution>
