技能 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 差

安装前请停下并请求确认。

请审查安装计划，并在更改文件前获得用户明确同意。

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 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

查看全部

📦

svg-logo-generator

创建几何 SVG 标志

由 Dwsy

团队需要无需繁重设计工具即可缩放的标志。此技能指导 Claude、Codex 和 Claude Code 使用 Python 生成简洁的 SVG 标志。

设计与创意查看

📦

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.

编码与开发查看

📦