1.5K ·GitHub
What is this?
AetherViz Master is an AI-powered Claude Code skill that turns any teaching topic into an immersive, interactive 3D educational webpage, mixing Three.js 3D scenes with SVG charts.
AetherViz Master is an AI-powered Claude Code skill that turns any teaching topic into an immersive, interactive 3D educational webpage, mixing Three.js 3D scenes with SVG charts.Is this a standalone app or a Claude Code skill?It is a Claude Code skill, not an app you install separately: you give it a topic and it generates a self-contained HTML file, no coding required.
It is a Claude Code skill, not an app you install separately: you give it a topic and it generates a self-contained HTML file, no coding required.How do I actually generate a page with it?You just give it a teaching topic (e.g. through Claude Code), and it automatically generates a complete interactive 3D webpage; the resulting HTML file can also be opened directly in a browser.
You just give it a teaching topic (e.g. through Claude Code), and it automatically generates a complete interactive 3D webpage; the resulting HTML file can also be opened directly in a browser.What do I need to view the generated pages?Just a modern browser with WebGL support, such as Chrome, Edge, Firefox, or Safari.
Just a modern browser with WebGL support, such as Chrome, Edge, Firefox, or Safari.Does it only work for Chinese-language topics?No, it auto-detects whether your topic is in Chinese or English and generates the output text in the matching language.
No, it auto-detects whether your topic is in Chinese or English and generates the output text in the matching language.Who is this meant for?Teachers, students, and education content creators who want visual, interactive explainers without touching code.
Teachers, students, and education content creators who want visual, interactive explainers without touching code.What subjects can it visualize?It covers physics, chemistry, biology, math, astronomy, and programming, with built-in examples like Newton's second law, photosynthesis, DNA replication, the Pythagorean theorem, planetary motion, and sorting algorithms.
It covers physics, chemistry, biology, math, astronomy, and programming, with built-in examples like Newton's second law, photosynthesis, DNA replication, the Pythagorean theorem, planetary motion, and sorting algorithms.What does a generated page actually include?A glassmorphism-style UI with checkable learning goals, KaTeX-rendered formulas, a plain-language explanation, a collapsible quiz panel, and play/pause/step/speed controls for the simulation.
A glassmorphism-style UI with checkable learning goals, KaTeX-rendered formulas, a plain-language explanation, a collapsible quiz panel, and play/pause/step/speed controls for the simulation.Why mix Three.js and SVG instead of just doing 3D?The 3D scene (Three.js) handles immersive simulation, while SVG overlays add precise 2D elements like function graphs and coordinate systems that stay synced in real time with the 3D view.
The 3D scene (Three.js) handles immersive simulation, while SVG overlays add precise 2D elements like function graphs and coordinate systems that stay synced in real time with the 3D view.What are similar projects?d3, plotly.js, plotly.py, floorplan-3d, threejs-architecture-effects, vistep, mg-styles-15, awesome-opus5-5-videos
d3, plotly.js, plotly.py, floorplan-3d, threejs-architecture-effects, vistep, mg-styles-15, awesome-opus5-5-videosWhich topics is it in?d3js, katex, d3, no-code, interactive, threejs, charts, webgl, claude-code-skill, svg, visualization, tailwindcss
d3js, katex, d3, no-code, interactive, threejs, charts, webgl, claude-code-skill, svg, visualization, tailwindcss