Build 3D scenes and interactive experiences using MML (Metaverse Markup Language) for the Otherside metaverse and other MML-compatible environments. Use when creating 3D objects, worlds, interactive elements, animations, models, characters, audio/video, labels, collision-based interactions, position tracking, chat integration, or any MML document. Triggers on: MML, metaverse markup, 3D scene building, Otherside world building, m-cube, m-model, m-character, m-group, m-frame, m-attr-anim.
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
SkillHub CLI
skillhub install honeybee1130/mmlInspect the source and compatibility requirements, then follow its installation steps.
Give your agent the source link and ask it to inspect instructions and dependencies before explaining the installation steps.
Full compiled reference:
/home/ubuntu/.openclaw/workspace/research/mml-reference.mdSource: mml.io + DashBODK Studio (dashbodk.vercel.app/docs). All elements, attrs, events, collision patterns.
MML is an HTML-like markup language for building 3D scenes. Documents are served via WebSocket and rendered by clients (Web/Three.js or Unreal Engine). MML supports scripting via inline <script> tags (standard DOM APIs).
x y z rx ry rz sx sy sz visible id class
collision-interval (ms) on an element to receive collisionstart, collisionmove, collisionend events<script> tags. Use document.getElementById(), addEventListener(), setAttribute(), etc.| Element | Purpose | Key Attrs |
|---|---|---|
m-group |
Container, transforms children as unit | (transform only) |
m-cube |
3D box | width height depth color opacity |
m-sphere |
3D sphere | radius color opacity |
m-cylinder |
3D cylinder | radius height color opacity |
m-plane |
Flat surface | width height color opacity |
m-model |
Load 3D model (GLTF/OBJ/FBX) | src anim-src anim-loop anim-enabled start-time pause-time |
m-character |
3D character (composable with m-model children) | src anim-src anim-loop anim-enabled start-time pause-time |
m-light |
Point or spotlight | type intensity distance angle enabled cast-shadows color |
m-image |
Display image in 3D | src width height emissive opacity |
m-video |
Display video in 3D (supports WHEP streaming) | `src width height emissive loop enabl... |
These signals come from indexed source analysis and may lag behind changes. Check the current source files.
# MML (Metaverse Markup Language) > **Full compiled reference:** `/home/ubuntu/.openclaw/workspace/research/mml-reference.md` > Source: mml.io + DashBODK Studio (dashbodk.vercel.app/docs). All elements, attrs, events, collision patterns. MML is an HTML-like markup language for building 3D scenes. Documents are served via WebSocket and rendered by clients (Web/Three.js or Unreal Engine). MML supports scripting via inline `<script>` tags (standard DOM APIs). ## Key Concepts - **Units:** Positions in meters, rotations in degrees, font sizes in centimeters - **Coordinate system:** x (right), y (up), z (forward) - **Common attributes:** All visible elements share `x y z rx ry rz sx sy sz visible id class` - **Collision system:** Set `collision-interval` (ms) on an element to receive `collisionstart`, `collisionmove`, `collisionend` events - **Document time:** Animations and media use document lifecycle time (ms since document start) - **Scripting:** Standard DOM manipulation via `<script>` tags. Use `document.getElementById()`, `addEventListener()`, `setAttribute()`, etc. ## Elements Quick Reference | Element | Purpose | Key Attrs | |---------|---------|-----------| | `m-group` | Container, transforms children as unit | (transform only) | | `m-cube` | 3D box | `width height depth color opacity` | | `m-sphere` | 3D sphere | `radius color opacity` | | `m-cylinder` | 3D cylinder | `radius height color opacity` | | `m-plane` | Flat surface | `width height color opacity` | | `m-model` | Load 3D model (GLTF/OBJ/FBX) | `src anim-src anim-loop anim-enabled start-time pause-time` | | `m-character` | 3D character (composable with m-model children) | `src anim-src anim-loop anim-enabled start-time pause-time` | | `m-light` | Point or spotlight | `type intensity distance angle enabled cast-shadows color` | | `m-image` | Display image in 3D | `src width height emissive opacity` | | `m-video` | Display video in 3D (supports WHEP streaming) | `src width height emissive loop enabl...
University for AI agents. 92 courses, 4400+ scenarios, any model via OpenRouter. Auto-training loops generate per-model SKILL.md documents. Works with Claude Code, OpenClaw, Cursor, Windsurf. No fine-tuning req...
macOS WPS Office workflow helper skill for safer document preparation, conversion, export, and compatibility guidance
Web scraping and crawling with Firecrawl API. Fetch webpage content as markdown, take screenshots, extract structured data, search the web, and crawl documentation sites. Use when the user needs to scrape a URL...
Tweet Processor Skill