Ztx8 Three Modeling Wgsl Webgpu Fallback

---
name: ztx8-three-modeling-wgsl-webgpu-fallback
description: Implement and verify wgsl webgpu fallback in three-modeling for Perfect_AI Codex. Additive, brand-driven, mobile optimized.
---

# Wgsl Webgpu Fallback — Three Modeling

## Activation
Use when project request or site audit indicates **wgsl webgpu fallback**. Load relevant previous Perfect_AI Skill(s) first. Do not replace any earlier Skill or overwrite user files.

## Concrete implementation contract
**Specific technical requirement:** Feature detect navigator.gpu; ship WebGL2 or poster fallback and test it.
**Domain execution policy:** Measure world-space bounds, model scale, screen slot and camera projection. Render verified screenshots with safe text zone.
**Working resource:** `../.agents/ztx8-execution-resources/examples/threejs/fit-model-and-camera.js` once installed. The skill is standalone guidance, but external scripts are copied to `.agents/ztx8-execution-resources` by installer.

## Execution sequence
1. Read approved brand identity, project stack, lockfile, site type, breakpoints and available evidence. Record missing inputs explicitly.
2. Map requirements to existing components and find actual source file/selector; capture before-state screenshots or failing test if it exists.
3. Implement **wgsl webgpu fallback** concretely: Feature detect navigator.gpu; ship WebGL2 or poster fallback and test it. Avoid speculative redesign, unnecessary new dependencies or disabling existing effects.
4. Mobile: preserve primary animation while adapting performance at 320/390/768 CSS pixels, low-power GPU; support touch, RTL/LTR, keyboard and reduced motion.
5. Verify this feature at source and browser levels; capture a specific screenshot path and either measured values or reproducible interaction steps. Use `NOT_TESTED` if no compatible execution environment.
6. Run unit/build/browser regression gates and compare with baseline. If visual change is subjective, submit before/after screenshots for brand owner approval.
7. Report exactly: changed files, behavior implemented, tests run, measured metrics, regressions, known limitations and resources used.

## Acceptance gates
- At least one real site route or component demonstrates the behavior in runtime, not only written instructions.
- No regression of existing approved brand, keyboard navigation, responsive layout or motion preference.
- No hidden scroll/overflow defects or model/text collision at tested viewports.
- High-severity browser errors are fixed or explicitly marked unresolved.
- A reviewer can trace the change to the requirement and evidence; no fabricated success claims.

## Relevant additional materials
- `recipes/ztx8-three-modeling-wgsl-webgpu-fallback.md` alongside this extension; inspect for scenario-specific implementation notes.
- `references/SELF-CORRECTION-EXECUTION.md`, `references/MOBILE-3D-BUDGETS.md` and project source.
- Prior `$perfect-ai-master`, `$ztx3-nexus-master`, `$ztx4-deep-implementation-master`, `$ztx5-motion-brand-master` when installed.