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.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„threejs-webgl“ wird verwendet. Create a simple interactive Three.js demo.
Erwartetes Ergebnis:
„threejs-webgl“ wird verwendet. My mobile scene slows down when hundreds of objects appear.
Erwartetes Ergebnis:
„threejs-webgl“ wird verwendet. Plan a viewer for my glTF product model.
Erwartetes Ergebnis:
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.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
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
freshtechbroLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
e406bf64b5db6e514879399e87b346fa7ff7c2fb
Aktualität der Wartung
11.10.2026
Nutzung
0 Downloads · 0 Aufrufe
Dateistruktur
Vue-3-Codequalität verbessern
von vuejs-ai
In Vue-Projekten sammeln sich im Laufe der Zeit häufig Fehler bei Reaktivität, Komponenten und Performance an. Dieser Skill bietet gezielte Vue-3-Anleitung für sicherere Muster und klareren Code.
Go-Performance mit Profiling optimieren
von 89jobrien
Go-Dienste können ohne klare Nachweise langsam oder speicherintensiv werden. Diese Skill-Anleitung unterstützt Profiling, Allokationsanalyse, Nebenläufigkeits-Tuning und benchmarkgestützte Optimierung.
Bessere SwiftUI-Features entwickeln
von avdlee
In SwiftUI-Projekten können sich veraltete APIs, fragile Zustände und langsame View-Aktualisierungen ansammeln. Dieser Skill bietet gezielte Anleitung für modernen, wartbaren SwiftUI-Code.
Produktionsreife Frontend-Funktionen entwickeln
von davila7
Frontend-Teams benötigen projektübergreifend einheitliche Leitlinien für React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte für die Frontend-Analyse.
Next.js App Router-Architektur planen
von 89jobrien
Next.js-Teams können Schwierigkeiten haben, Routen, Komponenten, Datenladen und Migrationsschritte auszuwählen. Diese Skill bietet strukturierte Architekturberatung für App Router, Server Components und Performance.
WordPress-Blöcke sicher erstellen
von Automattic
Änderungen an WordPress-Blöcken beschädigen häufig gespeicherte Inhalte, Assets oder die Registrierung. Dieser Skill unterstützt bei Metadaten, Rendering, Migrationen und Tests für Gutenberg-Projekte.