AgentsAvançado

Web Shader Extractor

porlixiaolin94·lixiaolin94· v1.0.0 · atualizado em 2026-04-11

Score

This skill extracts shader code from web pages. It identifies and retrieves shader programs written in languages like GLSL from websites.

webglshaderreverse-engineeringcode-extractionjavascriptai-agentcode-porting

Linguagens

JavaScriptShell

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdweb-shader-extractor/workflow

Environment Check: — Automatically install Node.js and Playwright if not already present.

Source Code Acquisition: — Fetch rendered DOM (Playwright) and static HTML (curl) in parallel.

Technology Stack Identification: — Analyze canvas-info.json and JS bundles to identify the rendering engine and frameworks.

Configuration Extraction: — Extract configuration parameters from APIs, payloads, or JS bundles.

Shader Code Extraction: — Use an AI agent to analyze JS bundles and extract shader code.

Porting: — Port the shader code to a standalone project, choosing the appropriate framework (WebGL2 or original framework).

Simplification Evaluation: — Evaluate the possibility of simplifying the ported code and propose changes to the user.

Report Generation: — Ask the user if they want to generate an extraction report.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

60%

Similar aMemory Protocol

60%

Árvore do Skill

Web Shader Extractor

web-shader-extractor

Fases Cognitivas5

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.REFLECT

Triggers7

extract webgl shader from websitereverse engineer shader effectport web shader to standalone projectanalyze and extract shader codeconvert webgl effect to native codegrab shader code from a webpageextract canvas effects from website

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download web-shader-extractor

$ synaptic skills detail web-shader-extractor

$ synaptic skills live web-shader-extractor

Dependências

node.js playwright npm

Links

GitHub Repository