analyzing-projects
79プロジェクトアーキテクチャの分析
新しいコードベースは、反復可能なレビュー手順がないと理解するのが困難です。このスキルは、Claude、Codex、Claude Code に、スタック、アーキテクチャ、コマンド、規約を整理するための構造化されたワークフローを提供します。
Build and Optimize Three.js Geometry
Three.js geometry work requires careful choices about vertex data, draw calls, and renderer compatibility. This skill provides focused examples for shapes, custom buffers, instancing, and WebGPU adaptations.
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "threejs-geometry" from https://skillstore.io/skills/cloudai-x-threejs-geometry.md and its manifest at https://skillstore.io/api/skills/cloudai-x-threejs-geometry/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「threejs-geometry」を使用しています。 How should I render 1,000 colored boxes efficiently?
期待される結果:
「threejs-geometry」を使用しています。 My large points and closed line disappear or look different under WebGPU. What should change?
期待される結果:
「threejs-geometry」を使用しています。 What must I update after changing vertex positions?
期待される結果:
All 72 static findings are false positives caused by Markdown code fences or inline code, not Ruby or shell execution. The source provides Three.js geometry examples, including a relative font asset request. No evidence found of prompt injection, credential access, data exfiltration, or malicious instructions.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/cloudai-x-threejs-geometry/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/cloudai-x-threejs-geometry?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/cloudai-x-threejs-geometry?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cloudai-x-threejs-geometry/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/cloudai-x-threejs-geometry.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-geometry security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cloudai-x-threejs-geometry/audits/1@techreport{cloudai-x-cloudai-x-threejs-geometry-2026,
author = {cloudai-x},
title = {threejs-geometry security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/cloudai-x-threejs-geometry/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-geometry 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-geometry/audits/1"
identifiers:
- type: other
value: "skillstore:cloudai-x-threejs-geometry:audit:1"
description: "Skillstore immutable audit report identifier"
Choose built-in or path-based geometry and add text, edges, and wireframes to a browser scene.
Compare instancing, batching, and static merging while managing transforms, colors, bounds, and shared resources.
Replace unsupported line loops, adapt point sizing, and express per-instance offsets with TSL nodes.
Use threejs-geometry to create a rotating box in Three.js r186 with WebGLRenderer and MeshNormalMaterial. Include scene, camera, and render-loop setup.
Create an indexed quad using BufferGeometry with positions, normals, UVs, and normalized byte colors. Explain attribute sizes and updating one vertex safely.
Replace 1,000 identical box meshes with InstancedMesh, preserving transforms and colors. Include runtime updates, bounds refresh, raycast instance identification, and shared-resource disposal guidance.
Adapt a Three.js r186 scene with large points, closed lines, and custom instance offsets for WebGPURenderer. Use sprite-based points, repeated endpoints, and TSL positionLocal.
作成者
cloudai-xライセンス
不明
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
c993c6abcbffafea2683d7748b53b3dfaf438415
メンテナンスの新しさ
2026/11/9
利用状況
0 ダウンロード · 0 閲覧
ファイル構成
📄 SKILL.md
プロジェクトアーキテクチャの分析
新しいコードベースは、反復可能なレビュー手順がないと理解するのが困難です。このスキルは、Claude、Codex、Claude Code に、スタック、アーキテクチャ、コマンド、規約を整理するための構造化されたワークフローを提供します。
より優れたAPI契約を設計する
APIチームには、実装前に一貫した契約が必要です。このスキルは、REST、GraphQL、OpenAPI、エラー、バージョニング、セキュリティに関する選択をガイドします。
アプリケーションパフォーマンスの最適化
遅いアプリケーションでは、フロントエンド、バックエンド、データベース、アルゴリズムの各層にわたってボトルネックが隠れていることがあります。このスキルは、プロファイリング、的を絞った修正、修正前後の測定をガイドします。
コードベース向けの信頼性の高いテストを設計する
多くのチームは明確な計画なしにテストを追加するため、抜け漏れが生じ、テストスイートが遅くなります。このスキルは、テスト種別の選択、テンプレート、カバレッジ目標、検証手順をガイドします。
並列 AI サブエージェントの調整
複雑なプロジェクトには、逐次処理すると時間を浪費する独立したタスクが含まれることがよくあります。このスキルは、並列サブエージェント作業を計画、起動、収集、統合する方法を示します。
ソフトウェアアーキテクチャを設計する
アーキテクチャの選択は、提供速度、保守性、スケールに影響します。このスキルは、パターン選定、プロジェクト構成、意思決定の文書化を支援します。
Build Interactive Three.js Scenes
作成者 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.
インタラクティブな3D Web体験を構築
作成者 sickn33
チームは、速度や使いやすさを損なわずに3Dを追加することに苦労しています。このスキルは、スタック選定、アセットパイプライン、インタラクティブなシーンパターンをガイドします。
Build GPU Sliders and Galleries with gpuslider
作成者 niklasp
GPU sliders require coordinated rendering, layouts, and framework integration. This skill guides gpuslider setup with visual plugins, CSS sizing, and browser fallbacks.
Apply and Optimize PixiJS v8 Filters
作成者 pixijs
PixiJS filter effects can fail when shader APIs, renderer settings, or package imports do not match version 8. This skill guides filter setup, custom shaders, and performance tuning with focused examples.
決定論的な Three.js HyperFrames シーンを構築する
作成者 heygen-com
シーンが壁時計ベースのアニメーションに依存している場合、フレーム単位で正確な Three.js レンダリングは困難です。このスキルでは、hf-seek 時刻からレンダリングする HyperFrames パターンを示します。
Three.js WebGLエクスペリエンスを作成する
作成者 sickn33
ブラウザ向けの3Dシーン構築は、セットアップ、ライティング、コントロール、パフォーマンスを連携させる必要があるため、エラーが発生しやすい作業です。このスキルは、信頼性の高いシーン、アニメーション、インタラクションのための実用的なThree.jsパターンを提供します。