技能 anatomy

📦

anatomy

Name: anatomy
Author: wheresryan22

內容修訂 r1 中風險 ⚙️ 外部命令🌐 網路存取📁 檔案系統存取⚡ 包含腳本🔑 環境變數

Build Interactive Isometric Technical Explainers

Technical concepts can be difficult to explain with static diagrams. Anatomy guides assistants to build detailed physical mechanisms with interactive motion and consistent numeric readouts.

支援: Claude Codex Code(CC)

⚠️ 50 差

Maintain this Skill? Claim it ⚠️ 50 差

安裝前請停止並請求確認。

請審查安裝計畫，並在變更檔案前取得使用者明確同意。

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。

智能體請求

Review the Skillstore skill "anatomy" from https://skillstore.io/skills/wheresryan22-anatomy.md and its manifest at https://skillstore.io/api/skills/wheresryan22-anatomy/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/wheresryan22-anatomy.md 已簽名 manifest GET /api/skills/wheresryan22-anatomy/manifest 已簽名 lockfile GET /api/skills/wheresryan22-anatomy/lockfile

測試它

正在使用「anatomy」。 Explain token-bucket rate limiting with 20 tokens and five new tokens per second.

預期結果:

A standalone light HTML figure represents token storage and request consumption as a working mechanism.
Controls trigger requests, and a readout shows available tokens and rejected requests.
The deliverables include the build source and browser previews.

正在使用「anatomy」。 Create a React explainer for a pool of ten database connections.

預期結果:

A static geometry component displays ten connection slots and a request queue.
A client component animates borrowing and returning connections from one shared model.
A standalone preview supports review before application integration.

正在使用「anatomy」。 Show water ripples with SVG apparatus and WebGL effects.

預期結果:

An interactive tank figure aligns water reflections and projected caustics with the SVG camera.
Frequency controls update the wave model and readout.
Fallback and reduced-motion views preserve a readable apparatus.

安全審計

中風險

v1 • 2026/10/11 開啟版本化報告

Most presented matches are benign geometry, documentation, local screenshots, and loopback browser control; no evidence found of prompt injection or intentional exfiltration. CLI-selected imports execute host code, and browser checks relax local-file isolation. Three oversized files and 2,518 omitted matches remain review gaps; this audit does not establish complete repository safety. Static review was capped at 400/2918 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.

已掃描檔案

57,606

分析行數

複核項目

已忽略的誤報

已確認的安全問題 (4)

中

scripts/capture.mjs:101-110 scripts/drive.mjs:112 scripts/turn-check.mjs:38 SECURITY.md:5

Browser Checks Enable Cross-File Access

Browser checks enable --allow-file-access-from-files for user-selected pages. A malicious local page can access other readable local files; temporary profiles do not isolate filesystem access.

All three browser launchers enable cross-file access and accept local pages. SECURITY.md acknowledges this trust requirement; no malicious use was observed.

低

examples/raptor-engine/raptor-engine-light.html:1

Unscanned file (too_large) — manual review required

[unscanned: too_large]

The analyzer skipped this oversized executable HTML file. Its full contents remain unreviewed, so this coverage gap is retained without alleging malware.

低

examples/raptor-engine/raptor-engine.html:1

Unscanned file (too_large) — manual review required

[unscanned: too_large]

The analyzer skipped this oversized executable HTML file. Its full contents remain unreviewed, so this coverage gap is retained without alleging malware.

低

examples/turning-dial/turning-stress-light.html:1

Unscanned file (too_large) — manual review required

[unscanned: too_large]

The analyzer skipped this oversized executable HTML file. Its full contents remain unreviewed, so this coverage gap is retained without alleging malware.

能力複核項目 (2)

這些是真實的本機能力，對此技能而言可能是預期行為，因此需要複核，但不會按已確認的惡意行為計分。

中

scripts/turn-bench.mjs:20

Dynamic import() expression

const mod = await import(pathToFileURL(resolve(argv[0])).href);

The CLI-selected build module executes with Node filesystem and network privileges. An untrusted build target can run arbitrary host code.

中

scripts/turn-check.mjs:486

Dynamic import() expression

const { T, P } = await import(pathToFileURL(resolve(target)).href);

The CLI-selected build module executes with Node filesystem and network privileges. An untrusted build target can run arbitrary host code.

風險因素

⚙️ 外部命令 (50)

🌐 網路存取 (16)

.github/ISSUE_TEMPLATE/config.yml:4 CONTRIBUTING.md:16 README.md:136 references/verify.md:16 scripts/capture.mjs:133 scripts/capture.mjs:134 scripts/capture.mjs:133 scripts/capture.mjs:133 scripts/drive.mjs:133 scripts/drive.mjs:134 scripts/drive.mjs:133 scripts/drive.mjs:133 scripts/turn-check.mjs:51 scripts/turn-check.mjs:52 scripts/turn-check.mjs:51 scripts/turn-check.mjs:51

📁 檔案系統存取 (50)

⚡ 包含腳本 (24)

🔑 環境變數 (6)

scripts/capture.mjs:66 scripts/capture.mjs:66 scripts/drive.mjs:63 scripts/drive.mjs:63 scripts/turn-check.mjs:30 scripts/turn-check.mjs:30

審計單位: codex

分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告

複製報告連結

https://skillstore.io/skills/wheresryan22-anatomy/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown 徽章

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

HTML 徽章

<a href="https://skillstore.io/skills/wheresryan22-anatomy?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wheresryan22-anatomy/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

嵌入卡片

<iframe src="https://skillstore.io/embed/skills/wheresryan22-anatomy.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 引用

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

BibTeX 引用

@techreport{wheresryan22-wheresryan22-anatomy-2026,
  author = {wheresryan22},
  title = {anatomy security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/wheresryan22-anatomy/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: "anatomy security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "wheresryan22"
date-released: "2026-10-11"
url: "https://skillstore.io/skills/wheresryan22-anatomy/audits/1"
identifiers:
  - type: other
    value: "skillstore:wheresryan22-anatomy:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore 評分

評分依據證據置信度: 中

架構

可維護性

內容

社群

規範符合度

你可以打造什麼

Explain Software Mechanisms

Create interactive figures for caching, rate limiting, or connection pooling, using supplied counts and thresholds.

Integrate Documentation Figures

Add reusable React or Next.js figures with static geometry, client-side motion, and model-driven readouts.

Demonstrate Physical Processes

Build instrument or machine explainers with moving parts and optional WebGL water, lighting, or exhaust effects.

試試這些提示

Create a Simple Figure

Use Anatomy to explain a token bucket with 20 tokens and a refill rate of five tokens per second. Produce light standalone HTML.

Add Model-Driven Interaction

Build an interactive connection-pooling figure with ten connections and a waiting queue. Include keyboard controls, accurate readouts, both themes, and mobile screenshots.

Integrate a React Figure

Create a React figure explaining cache hits, misses, and a 60-second TTL. Separate static geometry from client motion and provide an HTML preview.

Build and Verify a Shader Explainer

Create a ripple-tank explainer with SVG apparatus and registered WebGL water effects. Verify geometry, reduced motion, shader transitions, and fallback rendering on trusted local pages.

最佳實務

Provide the concept, real numeric parameters, output format, and theme before requesting geometry.
Keep motion and readouts connected to one model, then review both themes and mobile dimensions.
Inspect build modules and pages before verification; isolate unknown content and review screenshots before sharing them.

避免

Do not replace the mechanism with decorative boxes or unrelated animation.
Do not hide geometry failures with depth biases or inaccurate recorded shapes.
Do not run unknown build modules or local pages with unrestricted verification privileges.

常見問題

Which assistants can use Anatomy?

The marketplace lists Claude, Codex, and Claude Code compatibility. The upstream workflow is written primarily for Claude Code.

What output formats are supported?

The kit supports standalone HTML, styled SVG files, and React or Next.js components.

Which dependencies are required?

Builds require Node.js 20.10 or later. Browser checks need Chrome or Chromium; React output requires React 18 or later.

Does every figure need WebGL?

No. SVG is the core format. WebGL adds effects such as water, fire, lighting, and steam.

Is the 3D mode production-ready?

The upstream documentation labels it beta. Dense moving scenes can be slow, and verification can take substantial time.

What security precautions are needed?

Use trusted build modules and pages. Imports run host code, browser checks enable cross-file access, and capped analysis leaves unresolved review gaps.

開發者詳細資訊

作者

wheresryan22

授權

MIT

Skillstore 修訂

版本提示

作者未聲明版本。

儲存庫

https://github.com/wheresryan22/anatomy/tree/dbf697a527bbf7d358668e1557cb1e35ff725d46/

引用

a5d66e6915301b999741c6b4437f9eacacc9af0d

維護新鮮度

2026/10/11

使用量

0 次下載 · 0 次瀏覽

檔案結構

📄 .gitattributes

📁 .github/

📁 assets/

📄 dial-indicator.webp

📄 raptor-engine-apart.webp

📄 raptor-engine-firing.webp

📄 ripple-tank.webp

📄 turning-dial.webp

📁 ISSUE_TEMPLATE/

📄 bug_report.yml

📄 config.yml

📄 figure_request.yml

📄 PULL_REQUEST_TEMPLATE.md

📁 workflows/

📄 ci.yml

📄 .gitignore

📄 CHANGELOG.md

📄 CODE_OF_CONDUCT.md

📄 CONTRIBUTING.md

📁 evals/

📄 evals.json

📁 examples/

📁 arcade-cabinet/

📄 arcade-cabinet-light.html

📄 arcade-cabinet.css

📄 arcade-cabinet.html

📄 build.mjs

📄 live.js

📄 parts.mjs

📄 screen.mjs

📁 desk-computer/

📄 build.mjs

📄 desk-computer-light.html

📄 desk-computer.html

📁 dial-indicator/

📄 build.mjs

📄 dial-indicator-light.html

📄 dial-indicator.html

📁 raptor-engine/

📄 build.mjs

📄 live.js

📄 raptor-engine-light.html

📄 raptor-engine.html

📄 raptor.css

📁 ripple-tank/

📄 build.mjs

📄 live.js

📄 model.mjs

📄 ripple-tank-light.html

📄 ripple-tank.html

📄 ripple.css

📁 spot-plate/

📄 art.tsx

📄 drops.ts

📄 fan.ts

📄 figure.tsx

📄 geometry.ts

📄 live.tsx

📄 rig.ts

📄 spot-plate.css

📁 test-rig/

📄 art.tsx

📄 figure.tsx

📄 geometry.ts

📄 live.tsx

📄 pose.ts

📄 rig.ts

📄 stretch.css

📄 view.ts

📁 turning-dial/

📄 build.mjs

📄 dial.css

📄 live.js

📄 stress.mjs

📄 turning-dial-light.html

📄 turning-dial-verify-light.html

📄 turning-dial.html

📄 turning-stress-light.html

📁 kit/

📄 audit.mjs

📄 canvas-painter.mjs

📄 gl-shared.mjs

📄 gl.mjs

📄 iso-kit.mjs

📄 iso-kit.ts

📄 iso.css

📄 lathe.mjs

📁 react/

📄 draw.tsx

📄 live.tsx

📄 tube.mjs

📄 turn-audit.mjs

📄 turn-build.mjs

📄 turn-fixed.mjs

📄 turn.mjs

📄 LICENSE

📄 README.md

📁 references/

📄 3d.md

📄 craft.md

📄 kit.md

📄 motion.md

📄 react.md

📄 verify.md

📄 walkthrough.md

📄 webgl.md

📁 scripts/

📄 capture.mjs

📄 drive.mjs

📄 inline-kit.mjs

📄 line-ends.mjs

📄 lines.mjs

📄 turn-bench.mjs

📄 turn-check.mjs

📄 turn-fidelity.mjs

📄 SECURITY.md

📄 SKILL.md

查看全部

📦

threejs-webgl

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.

程式開發查看

📦