بنقرة واحدة
3d-performance-budget-gate
Use before shipping 3D web, WebGL, WebGPU, Three.js, Babylon.js, R3F, or shader-heavy UI.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
Use before shipping 3D web, WebGL, WebGPU, Three.js, Babylon.js, R3F, or shader-heavy UI.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Use for 3D web experiences that need accessibility, SEO-readable fallback content, keyboard support, or reduced-motion behavior.
Agent profile for art direction in 3D web design, product configurators, hero scenes, AR previews, and immersive visual interfaces.
Agent profile for glTF/GLB/model asset pipeline review in 3D web, ecommerce, AR, and configurator projects.
Use before 3D web design or Three.js work to clarify the experience type, user goal, interaction depth, performance budget, and fallback needs.
Use this skill for pointer gestures, orbit controls, drag interactions, hit testing, touch ergonomics. Trigger when the task involves 3d web work related to 3D Interaction Gesture Design, production implementation, audits, debugging, strategy, or validation.
Use this skill for 3D lighting, camera framing, composition, shadows, environment maps, product presentation. Trigger when the task involves 3d web work related to 3D Lighting Camera Composition, production implementation, audits, debugging, strategy, or validation.
| name | 3d-performance-budget-gate |
| description | Use before shipping 3D web, WebGL, WebGPU, Three.js, Babylon.js, R3F, or shader-heavy UI. |
Use this skill for 3D Web work focused on set and validate frame time, draw calls, texture memory, shader cost, and mobile fallback.