Choose and Configure Three.js Materials
Incorrect material settings can cause dark surfaces, washed-out textures, and transparency artifacts. This skill provides material selection guidance and examples for three.js r186.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "threejs-materials" from https://skillstore.io/skills/cloudai-x-threejs-materials.md and its manifest at https://skillstore.io/api/skills/cloudai-x-threejs-materials/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-materials“ wird verwendet. My textured PBR model looks washed out. Which settings should I check?
Erwartetes Ergebnis:
„threejs-materials“ wird verwendet. How should I make a glass object in a product viewer?
Erwartetes Ergebnis:
„threejs-materials“ wird verwendet. My custom GLSL material does not work after switching to WebGPURenderer.
Erwartetes Ergebnis:
All 96 static findings are false positives from Markdown backticks, graphics terminology, shader functions, and the ormMap texture variable. The reviewed file provides three.js material guidance and browser rendering examples. No evidence found of prompt injection, credential access, exfiltration, shell execution, or reconnaissance.
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/cloudai-x-threejs-materials/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cloudai-x-threejs-materials?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cloudai-x-threejs-materials?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cloudai-x-threejs-materials/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cloudai-x-threejs-materials.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>cloudai-x. (2026). threejs-materials security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cloudai-x-threejs-materials/audits/1@techreport{cloudai-x-cloudai-x-threejs-materials-2026,
author = {cloudai-x},
title = {threejs-materials security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/cloudai-x-threejs-materials/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-materials security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "cloudai-x"
date-released: "2026-11-07"
url: "https://skillstore.io/skills/cloudai-x-threejs-materials/audits/1"
identifiers:
- type: other
value: "skillstore:cloudai-x-threejs-materials:audit:1"
description: "Skillstore immutable audit report identifier"
Choose PBR materials for metal, lacquer, fabric, and glass in an interactive product viewer.
Review lighting, texture color spaces, UV channels, and transparency settings when a scene renders incorrectly.
Identify renderer compatibility limits and translate custom shading concepts into TSL node materials.
I am using three.js r186. Recommend a material for [surface] with [lighting conditions]. Explain the choice and show a minimal example.
Configure MeshStandardMaterial for [model] using [available textures]. Explain color spaces, packed ORM channels, and UV selection. Assume three.js r186.
Review [material and renderer setup] for [visible artifact]. Check transparency, depth writing, blending, lighting, and recompilation requirements. Propose focused fixes.
Adapt [WebGL ShaderMaterial effect] to three.js r186 WebGPURenderer using TSL. Identify node slots, imports, initialization requirements, and renderer limitations.
Autor
cloudai-xLizenz
Unbekannt
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
c993c6abcbffafea2683d7748b53b3dfaf438415
Aktualität der Wartung
9.11.2026
Nutzung
0 Downloads · 0 Aufrufe
Dateistruktur
📄 SKILL.md
Projektarchitektur analysieren
Neue Codebasen sind ohne einen wiederholbaren Prüfprozess schwer zu verstehen. Dieser Skill gibt Claude, Codex und Claude Code einen strukturierten Workflow zum Erfassen von Stack, Architektur, Befehlen und Konventionen.
Bessere API-Verträge entwerfen
API-Teams benötigen vor der Implementierung konsistente Verträge. Dieser Skill leitet bei Entscheidungen zu REST, GraphQL, OpenAPI, Fehlern, Versionierung und Sicherheit an.
Anwendungs-Performance optimieren
Langsame Anwendungen können Engpässe über Frontend-, Backend-, Datenbank- und Algorithmusebenen hinweg verbergen. Dieser Skill unterstützt Profiling, gezielte Korrekturen und Vorher-Nachher-Messungen.
Zuverlässige Tests für Codebasen entwerfen
Viele Teams fügen Tests ohne klaren Plan hinzu, wodurch Lücken und langsame Test-Suites entstehen. Dieser Skill unterstützt bei der Auswahl von Testtypen, Vorlagen, Coverage-Zielen und Validierungsschritten.
Parallele KI-Subagenten koordinieren
Komplexe Projekte enthalten oft unabhängige Aufgaben, bei denen Zeit verloren geht, wenn sie nacheinander bearbeitet werden. Dieser Skill zeigt, wie parallele Subagentenarbeit geplant, gestartet, gesammelt und zusammengeführt wird.
Softwarearchitektur entwerfen
Architekturentscheidungen prägen Liefergeschwindigkeit, Wartbarkeit und Skalierbarkeit. Diese Skill unterstützt bei der Auswahl von Mustern, der Projektstruktur und der Dokumentation von Entscheidungen.
Build Interactive Three.js Scenes
von freshtechbro
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.
Bessere Webspiele entwickeln
von sickn33
Browserspiele erfordern sorgfältige Entscheidungen zu Engines, Rendering, Assets, Audio und Offline-Unterstützung. Dieser Skill hilft Claude, Codex und Claude Code dabei, praktische Webspielarchitekturen zu planen.
Interaktive 3D-Web-Erlebnisse erstellen
von sickn33
Teams haben Schwierigkeiten, 3D hinzuzufügen, ohne Geschwindigkeit oder Benutzerfreundlichkeit zu beeinträchtigen. Dieser Skill unterstützt bei Stack-Entscheidungen, Asset-Pipelines und Mustern für interaktive Szenen.
Build GPU Sliders and Galleries with gpuslider
von niklasp
GPU sliders require coordinated rendering, layouts, and framework integration. This skill guides gpuslider setup with visual plugins, CSS sizing, and browser fallbacks.
Build and Debug Browser WebGPU Pipelines
von shreyam1008
Browser GPU workloads can fail across devices or lose performance through inefficient resource handling. This skill guides WebGPU implementation with capability checks, usable fallbacks, validation, and targeted measurement.
Build and Debug vgpu Visuals
von shreyam1008
GPU visuals can fail when shader APIs, package versions, and application lifecycles do not align. This skill guides version-aware vgpu development, integration, performance measurement, and validation.