スキル threejs-webgl

📦

threejs-webgl

Name: threejs-webgl
Author: freshtechbro

コンテンツリビジョン r1 安全 🌐 ネットワークアクセス⚙️ 外部コマンド

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.

対応: Claude Codex Code(CC)

🥇 83 ゴールド

Maintain this Skill? Claim it 🥇 83 ゴールド

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

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.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/freshtechbro-threejs-webgl.md 署名済み manifest GET /api/skills/freshtechbro-threejs-webgl/manifest 署名済み lockfile GET /api/skills/freshtechbro-threejs-webgl/lockfile

テストする

「threejs-webgl」を使用しています。 Create a simple interactive Three.js demo.

期待される結果:

Scene structure with a perspective camera, WebGL renderer, and orbit controls.
Animated cube, sphere, and torus with PBR materials and shadow lighting.
Resize handling and a checklist for checking the demo in a browser.

「threejs-webgl」を使用しています。 My mobile scene slows down when hundreds of objects appear.

期待される結果:

A prioritized review of draw calls, geometry duplication, texture resolution, and shadow settings.
An instancing proposal for repeated meshes, with shared materials and a lower pixel ratio.
Before-and-after measurements for frame time, draw calls, and resource counts.

「threejs-webgl」を使用しています。 Plan a viewer for my glTF product model.

期待される結果:

A model loading plan with progress, error handling, and camera framing.
Material and lighting choices for the supplied product.
Separate requirements for external decoder assets, animation updates, and resource cleanup.

セキュリティ監査

安全

v1 • 2026/10/10 バージョン別レポートを開く

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.

スキャンされたファイル

2,538

解析済み行数

レビュー項目

誤検知を無視

リスク要因

🌐 ネットワークアクセス (2)

assets/starter_scene/index.html:77 assets/starter_scene/index.html:78

⚙️ 外部コマンド (50)

references/materials_guide.md:398-399 references/materials_guide.md:409-416 SKILL.md:18-29 SKILL.md:29-46 SKILL.md:46-97 SKILL.md:97-101 SKILL.md:101-111 SKILL.md:111-117 SKILL.md:117-138 SKILL.md:138-142 SKILL.md:142-179 SKILL.md:179-183 SKILL.md:183-204 SKILL.md:204-208 SKILL.md:208-243 SKILL.md:243-247 SKILL.md:247-268 SKILL.md:268-272 SKILL.md:272-290 SKILL.md:290-296 SKILL.md:296-318 SKILL.md:318-322 SKILL.md:322-325 SKILL.md:325-329 SKILL.md:329-347 SKILL.md:347-352 SKILL.md:352-366 SKILL.md:366-369 SKILL.md:369-372 SKILL.md:372-380 SKILL.md:380-383 SKILL.md:383-389 SKILL.md:389-394 SKILL.md:394-396 SKILL.md:396-399 SKILL.md:399-413 SKILL.md:413-418 SKILL.md:418-430 SKILL.md:430-451 SKILL.md:451-460 SKILL.md:460-468 SKILL.md:468-480 SKILL.md:480-489 SKILL.md:489 SKILL.md:492-498 SKILL.md:498-501 SKILL.md:501-508 SKILL.md:508-509 SKILL.md:509-510 SKILL.md:510-513

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

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

Markdownバッジ

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

HTMLバッジ

<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>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

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

BibTeX形式の引用

@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}
}

CITATION.cff

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"

Skillstore スコア

このスコアの理由証拠の信頼度: 中

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

Prototype a Product Viewer

Adapt the WebGL starter to display a supplied product model with orbit controls, lighting, and selectable materials.

Explore Materials and Shaders

Compare PBR settings and adapt GLSL examples for interactive visual experiments.

Improve Mobile Rendering

Use the optimization checklist to investigate draw calls, texture memory, shadow cost, and repeated object rendering.

これらのプロンプトを試す

Create a First Scene

Create a basic Three.js WebGL scene with a rotating cube, orbit controls, lighting, and resize handling. Explain the required dependencies.

Load a Product Model

Adapt the starter to load my supplied glTF product model. Add selectable material colors, shadows, and loading errors without assuming decoder assets are bundled.

Diagnose Performance

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 a Shader Effect

Integrate an animated GLSL material and render target into my supplied WebGL scene. Define uniform updates, cleanup, fallback behavior, and device verification.

ベストプラクティス

Match examples and addon imports to the installed Three.js version, and provide required model, texture, and decoder assets explicitly.
Profile on target devices before changing geometry, texture resolution, shadow maps, or post-processing.
Reuse geometry and materials, update camera dimensions on resize, and dispose unused rendering resources.

回避

Treating generated WebGPU scaffolding as a complete application without verifying its render loop.
Assuming every tool or asset mentioned in the documentation is included in the package.
Allocating geometry every frame or enabling expensive shadows and effects without profiling.