Build Interactive Three.js Scenes
Building browser-based 3D scenes requires coordinating rendering, assets, interaction, and performance. This skill provides Three.js examples, reference guides, and a WebGL starter to support implementation.
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "threejs-webgl" from https://skillstore.io/skills/freshtechbro-threejs-webgl.md and its manifest at https://skillstore.io/api/skills/freshtechbro-threejs-webgl/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Usando "threejs-webgl". Create a simple interactive Three.js demo.
Resultado esperado:
Usando "threejs-webgl". My mobile scene slows down when hundreds of objects appear.
Resultado esperado:
Usando "threejs-webgl". Plan a viewer for my glTF product model.
Resultado esperado:
All 75 static findings are false positives: documented CDN imports, Markdown formatting, GLSL strings, and graphics terminology. The version-pinned CDN imports load rendering dependencies, with no evidence of data exfiltration. No evidence found of prompt injection or malicious intent in the reviewed files.
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
https://skillstore.io/skills/freshtechbro-threejs-webgl/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/freshtechbro-threejs-webgl?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/freshtechbro-threejs-webgl?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/freshtechbro-threejs-webgl/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/freshtechbro-threejs-webgl.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>freshtechbro. (2026). threejs-webgl security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/freshtechbro-threejs-webgl/audits/1@techreport{freshtechbro-freshtechbro-threejs-webgl-2026,
author = {freshtechbro},
title = {threejs-webgl security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/freshtechbro-threejs-webgl/audits/1},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "threejs-webgl security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "freshtechbro"
date-released: "2026-10-10"
url: "https://skillstore.io/skills/freshtechbro-threejs-webgl/audits/1"
identifiers:
- type: other
value: "skillstore:freshtechbro-threejs-webgl:audit:1"
description: "Skillstore immutable audit report identifier"
Adapt the WebGL starter to display a supplied product model with orbit controls, lighting, and selectable materials.
Compare PBR settings and adapt GLSL examples for interactive visual experiments.
Use the optimization checklist to investigate draw calls, texture memory, shadow cost, and repeated object rendering.
Create a basic Three.js WebGL scene with a rotating cube, orbit controls, lighting, and resize handling. Explain the required dependencies.
Adapt the starter to load my supplied glTF product model. Add selectable material colors, shadows, and loading errors without assuming decoder assets are bundled.
Review my supplied Three.js scene and profiling results for mobile performance. Prioritize instancing, texture sizes, pixel ratio, shadows, and disposal with measurable checks.
Integrate an animated GLSL material and render target into my supplied WebGL scene. Define uniform updates, cleanup, fallback behavior, and device verification.
Autor
freshtechbroLicença
MIT
Revisão da Skillstore
r1
Aviso de versão
O autor não declarou uma versão.
Referência
e406bf64b5db6e514879399e87b346fa7ff7c2fb
Atualidade da manutenção
11/10/2026
Uso
0 downloads · 0 visualizações
Estrutura de arquivos
Revise Código quanto à Segurança e Qualidade
por AutumnsGrove
Revisões manuais de código podem deixar passar problemas de segurança, desempenho e testes. Esta skill oferece ao Claude, Codex e Claude Code um fluxo de trabalho estruturado de revisão com checklists e orientações para varreduras auxiliares.
Melhore a qualidade do código Vue 3
por vuejs-ai
Projetos Vue frequentemente acumulam erros de reatividade, componentes e desempenho ao longo do tempo. Esta skill oferece orientação direcionada para Vue 3, com padrões mais seguros e código mais claro.
Otimize o Desempenho em Go com Profiling
por 89jobrien
Serviços Go podem ficar lentos ou consumir muita memória sem evidências claras. Esta skill orienta profiling, análise de alocações, ajuste de concorrência e otimização orientada por benchmarks.
Crie Recursos SwiftUI Melhores
por avdlee
Projetos SwiftUI podem acumular APIs obsoletas, estado frágil e atualizações de visualização lentas. Esta skill oferece orientação focada para código SwiftUI moderno e sustentável.
Crie Recursos de Frontend Prontos para Produção
por davila7
As equipes de frontend precisam de orientações consistentes sobre React e Next.js em diferentes projetos. Esta habilidade fornece fluxos de trabalho de referência, práticas de qualidade e scripts auxiliares para análise de frontend.
Planejar a Arquitetura do App Router do Next.js
por 89jobrien
Equipes que usam Next.js podem ter dificuldade para escolher rotas, componentes, carregamento de dados e etapas de migração. Esta skill oferece orientação estruturada de arquitetura para App Router, Server Components e desempenho.