Habilidades webgl
📦

webgl

Revisión del contenido r1 Seguro ⚙️ Comandos externos🌐 Acceso a red

Build and Debug Raw WebGL Rendering

Raw WebGL rendering can slow down through excessive draw calls, state changes, and texture bandwidth. This skill guides context setup, resource handling, and targeted optimization.

Compatible con: Claude Codex Code(CC)
Maintain this Skill? Claim it 🥉 78 Bronce

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente
Review the Skillstore skill "webgl" from https://skillstore.io/skills/shreyam1008-webgl.md and its manifest at https://skillstore.io/api/skills/shreyam1008-webgl/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/shreyam1008-webgl.md Manifest firmado GET /api/skills/shreyam1008-webgl/manifest Lockfile firmado GET /api/skills/shreyam1008-webgl/lockfile

Pruébalo

Usando "webgl". My canvas looks blurry after resizing on a high-density display. What should I check?

Resultado esperado:

  • Compare the canvas drawing buffer dimensions with its displayed dimensions.
  • Scale the drawing buffer by the device pixel ratio, using a cap appropriate for your performance budget.
  • Update the viewport whenever the drawing buffer changes.

Usando "webgl". My renderer draws hundreds of copies of the same mesh and slows down. What should I inspect?

Resultado esperado:

  • Count draw calls and inspect redundant program, texture, and buffer bindings.
  • Consider instanced drawing for repeated geometry and group objects that share rendering state.
  • Reuse geometry buffers and compare frame timings on target hardware before and after changes.

Usando "webgl". Rendering stops after WebGL context loss. How should recovery work?

Resultado esperado:

  • Prevent the default context loss event behavior to allow restoration, then stop the render loop.
  • Recreate GPU resources when the context is restored.
  • Restart rendering after resource initialization completes.

Auditoría de seguridad

Seguro
v1 • 2/10/2026 Abrir el informe versionado

All 30 static findings are false positives: Markdown backticks, rendering terminology, and public documentation links do not establish the reported threats. GPU renderer inspection is local debugging, with an explicit privacy caveat. No evidence found of shell execution, data exfiltration, or prompt injection in the reviewed skill.

1
Archivos escaneados
105
Líneas analizadas
0
Elementos de revisión
0
Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (25)
SKILL.md:12-20 SKILL.md:20-23 SKILL.md:23 SKILL.md:27-30 SKILL.md:30-32 SKILL.md:32-36 SKILL.md:36-41 SKILL.md:41-46 SKILL.md:46 SKILL.md:47-53 SKILL.md:53-54 SKILL.md:54 SKILL.md:55 SKILL.md:60 SKILL.md:61-68 SKILL.md:68-73 SKILL.md:73-82 SKILL.md:82-84 SKILL.md:84-85 SKILL.md:85 SKILL.md:86-90 SKILL.md:90-96 SKILL.md:96-97 SKILL.md:97-99 SKILL.md:99
🌐 Acceso a red (1)
SKILL.md:103
La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.
Auditado por: codex
Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado
Evaluación de seguridad

Copiar enlace del informe

https://skillstore.io/skills/shreyam1008-webgl/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/shreyam1008-webgl/security.svg)](https://skillstore.io/skills/shreyam1008-webgl?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/shreyam1008-webgl?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/shreyam1008-webgl/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/shreyam1008-webgl.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Citas académicas (APA · BibTeX · CFF)

Cita APA

shreyam1008. (2026). webgl security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/shreyam1008-webgl/audits/1

Cita BibTeX

@techreport{shreyam1008-shreyam1008-webgl-2026, author = {shreyam1008}, title = {webgl security audit report (audit version 1)}, institution = {Skillstore}, year = {2026}, number = {1}, url = {https://skillstore.io/skills/shreyam1008-webgl/audits/1}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "webgl security audit report (audit version 1)" version: "unspecified" type: report authors: - name: "shreyam1008" date-released: "2026-10-02" url: "https://skillstore.io/skills/shreyam1008-webgl/audits/1" identifiers: - type: other value: "skillstore:shreyam1008-webgl:audit:1" description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Medio
55
Arquitectura
85
Mantenibilidad
87
Contenido
65
Comunidad
91
Cumplimiento de la especificación

Lo que puedes crear

Initialize a browser visualization

Plan WebGL2 context setup, responsive canvas sizing, unavailable-context behavior, and context restoration for a custom visualization.

Improve repeated-object rendering

Review draw calls, state changes, buffers, and instancing for a browser game that renders many similar objects.

Investigate rendering bottlenecks

Use browser inspection and hardware measurements to prioritize shader, texture, and readback improvements in an existing renderer.

Prueba estos prompts

Start a WebGL2 canvas 
Help me initialize a raw WebGL2 canvas. Include context options, device pixel ratio sizing, viewport setup, and behavior when WebGL2 is unavailable.
Recover from context loss 
Review my WebGL context lifecycle: [paste relevant code]. Explain how to stop rendering, allow restoration, recreate resources, and restart safely.
Reduce rendering overhead 
Review this raw WebGL rendering path: [paste code and draw call measurements]. Recommend batching, instancing, buffer reuse, and state grouping with validation steps.
Plan measured GPU optimization 
Analyze these target-device profiles: [paste measurements, browser versions, and renderer details]. Prioritize shader, texture, and readback changes while preserving precision and compatibility.

Mejores prácticas

  • Profile on target browsers and devices before choosing optimizations.
  • Keep GPU resources reusable and handle context loss before deploying.
  • Feature-detect optional extensions and experimental methods, then preserve a supported fallback.

Evitar

  • Recompile shaders or reallocate geometry buffers every frame without a demonstrated need.
  • Call synchronous GPU readback or error checks repeatedly in performance-sensitive rendering loops.
  • Assume a power preference hint or renderer string proves performance or guarantees a discrete GPU.

Preguntas frecuentes

Which AI tools support this skill?
The declared supported tools are Claude, Codex, and Claude Code.
Does this skill replace a rendering library?
No. It provides guidance for raw WebGL APIs. Complete scene graphs are better handled by established libraries such as Three.js.
Should I use WebGL1 or WebGL2?
The skill recommends WebGL2. Use WebGL1 when your browser requirements demand it, and provide a fallback when a context is unavailable.
Can it guarantee a specific GPU?
No. powerPreference is only a hint. Renderer information can be unavailable for privacy reasons and does not establish performance.
Does it include executable tools?
The reviewed package contains one instruction document with small browser JavaScript examples. It does not bundle scripts or an executable profiling tool.
Is the experimental HTML-in-Canvas path required?
No. The skill treats it as optional and requires feature detection. Keep semantic DOM or an established texture pipeline as a fallback.

Detalles del desarrollador

Licencia

MIT

Revisión de Skillstore

r1

Aviso de versión

El autor no declaró una versión.

Repositorio

https://github.com/shreyam1008/shre-skills/tree/ba9787f41c2fe1be1062eeb6322bc339a1026383/skills/webgl

Ref.

bbec03cf10354f3aaccd6dd24eda4ac9ceeceac5

Actualidad del mantenimiento

2/10/2026

Uso

0 descargas · 0 vistas

Estructura de archivos

📄 SKILL.md