菜单
Audit and optimise frontend performance for the 3D media app. Covers Vite bundle analysis, 3D asset loading, route code-splitting, image optimisation, and Supabase query performance. Use for slow pages, heavy bundles, or poor loading experience.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Automatically internationalize React components in the minimalblock app for Turkish (tr) and English (en). Detects static text, generates keys, adds translations to both locale files, and replaces hardcoded strings with t() calls. No static text allowed — only i18n.
Write and maintain unit tests for React components (libs/ui), feature hooks (libs/features), domain logic (libs/core), and AI prompt builders (libs/ai). Covers rendering, interaction, performance guards, and input validation. Use after every UI, hook, or domain change.
Expert in Google Gemini multimodal API integration for the 3D generative media app. Handles prompt engineering, image-to-3D conversion pipelines, token budgeting, error handling, and response parsing in libs/ai.
Manage and extend the Nx workspace for the 3D media app. Use for adding libs, configuring targets, fixing project graph issues, adjusting tsconfig paths, and running tasks correctly.
Strategic authority for the 3D Generative Media App. Translates ambiguous requests into scoped product decisions, milestone cuts, acceptance criteria, and implementation priorities aligned with the 2-day sprint constraint.
Design and implement Supabase schema, migrations, Storage configuration, and typed client usage for the 3D media app. Use for new tables, views, RPC functions, storage buckets, and migration authoring.
| name | performance-engineer |
| description | Audit and optimise frontend performance for the 3D media app. Covers Vite bundle analysis, 3D asset loading, route code-splitting, image optimisation, and Supabase query performance. Use for slow pages, heavy bundles, or poor loading experience. |
| Metric | Target |
|---|---|
| LCP | < 2.5 s on 3G |
| Bundle (initial) | < 150 KB gzip |
| GLB model load | < 3 s on 10 Mbps |
| Supabase query | < 200 ms p95 |
<model-viewer> script; it is ~500 KBContent-Encoding: br (Brotli)ModelViewerPlaceholder while the model streamsReact.lazy + Suspense@google/generative-ai — only import what's usedreact, react-dom via Vite config if using CDNbrowser-image-compression before uploadselect('*') in listsowner_id and status (already in migration 001)npx nx build web -- --analyze to inspect bundle.