Agent skill

Mira 3D

Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado.

Custom licenceAuto-check passedGame Development

Install Mira 3D

skills CLI

$ npx skills add sandeco/mira-animator --skill mira-3d -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install sandeco/mira-animator mira-3d --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/sandeco/mira-animator.git skills-src && mkdir -p .claude/skills && cp -r skills-src/agents/mira-3d .claude/skills/mira-3d && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "mira-3d" agent skill from https://github.com/sandeco/mira-animator/tree/main/agents/mira-3d into .claude/skills/mira-3d/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mira-3d", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/sandeco/mira-animator/tree/main/agents/mira-3d

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add sandeco/mira-animator --skill mira-3d -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install sandeco/mira-animator mira-3d --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sandeco/mira-animator.git skills-src && mkdir -p .agents/skills && cp -r skills-src/agents/mira-3d .agents/skills/mira-3d && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "mira-3d" agent skill from https://github.com/sandeco/mira-animator/tree/main/agents/mira-3d into .agents/skills/mira-3d/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mira-3d", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add sandeco/mira-animator --skill mira-3d -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install sandeco/mira-animator mira-3d --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sandeco/mira-animator.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/agents/mira-3d .cursor/skills/mira-3d && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "mira-3d" agent skill from https://github.com/sandeco/mira-animator/tree/main/agents/mira-3d into .cursor/skills/mira-3d/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mira-3d", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/sandeco/mira-animator.git --path agents/mira-3d

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add sandeco/mira-animator --skill mira-3d -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install sandeco/mira-animator mira-3d --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sandeco/mira-animator.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/agents/mira-3d .gemini/skills/mira-3d && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "mira-3d" agent skill from https://github.com/sandeco/mira-animator/tree/main/agents/mira-3d into .gemini/skills/mira-3d/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mira-3d", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install sandeco/mira-animator mira-3d

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add sandeco/mira-animator --skill mira-3d -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/sandeco/mira-animator.git skills-src && mkdir -p .github/skills && cp -r skills-src/agents/mira-3d .github/skills/mira-3d && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "mira-3d" agent skill from https://github.com/sandeco/mira-animator/tree/main/agents/mira-3d into .github/skills/mira-3d/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mira-3d", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add sandeco/mira-animator --skill mira-3d -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install sandeco/mira-animator mira-3d --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sandeco/mira-animator.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/agents/mira-3d .opencode/skills/mira-3d && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "mira-3d" agent skill from https://github.com/sandeco/mira-animator/tree/main/agents/mira-3d into .opencode/skills/mira-3d/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "mira-3d", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: mira-3d
GitHub stars: 218
Token cost: ~3.6k tokens
SKILL.md length: 1,521 words
Files: 1
Skills in repo: 57
Repo updated: Sep 14, 2026
First seen: Oct 7, 2026
Licence: Custom licence

At a glance

Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado.

Works in 3 steps: CSS 3D puro. Cubos, cards em camadas,… → Three.js procedural (cavalo de batalha).… → glTF (GLTFLoader ou model-viewer).…
Tasks that involve Slides and decks
SKILL.md covers REGRA ZERO (herdada do…, Interatividade (obrigatória), Regras transversais (herdadas) and As três camadas (a skill…, plus 7 more sections
Calls npx; reaches nodejs.org

What it does

Mira 3D is an agent skill from sandeco/mira-animator. Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado. Escolhe sozinha entre três camadas: CSS 3D puro, Three.js procedural e glTF (.glb). Herda a Regra Zero do mira-animator (gira sozinho, pausa no arrasto e retoma); só a camada .glb exige servidor HTTP local. Use SEMPRE que o usuário disser /mira-3d, elemento 3D, objeto 3D no slide, coloca um cérebro ou robô 3D, esfera de partículas, rede de nós em 3D, carrega esse .glb…

Its SKILL.md is about 3.6k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Game Development, covering Slides and decks and 3D graphics and WebGL. It works with Three.js. The repository describes itself as: Agentes e templates para criação de slides animados com D3.js em HTML.

When your agent uses it

Tasks that involve Slides and decks
Tasks that involve 3D graphics and WebGL

Example prompts

“/mira-3d”

Requirements

Node.js

Workflow steps

3 steps, taken from the first numbered list in SKILL.md.

CSS 3D puro. Cubos, cards em camadas, parallax de profundidade. Zero script novo, só perspective + transform-style: preserve-3d + uma…
Three.js procedural (cavalo de batalha). Abstratos (esfera de partículas, rede de nós 3D, torus, anel orbital) e objetos reconhecíveis em…
glTF (GLTFLoader ou model-viewer). Quando o usuário fornece um .glb, ou aceita a oferta de buscar um modelo gratuito na web (ver "Modelos…

What it can do on your machine

Read from SKILL.md and the folder at commit d857f32. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Shell commands in SKILL.md call:
- npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
Hosts in commands or code, which the agent is likely to contact:
- nodejs.org
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Mira 3D loads about 3.6k tokens when it runs. Until then it costs about 147 tokens; SKILL.md has 1,521 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~147
When it runs · the whole SKILL.md, loaded when a task matches: ~3.6k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,521 words (~3,579 tokens).

“Adiciona um elemento com profundidade real dentro do card de um slide do Mira: gira sozinho, o usuário arrasta para rotacionar e dá zoom, e o card fica limpo com o 3D ocupando a maior parte da altura útil.”

— opening of SKILL.md by sandeco, Custom licence

name: mira-3d

Outline of SKILL.md

Skill: Elemento 3D no canvas do slide
REGRA ZERO (herdada do mira-animator, inegociável)
Interatividade (obrigatória)
Regras transversais (herdadas)
As três camadas (a skill escolhe, o usuário não)
O servidor
A) Subir o servidor agora e devolver o link
B) Gerar o launcher de duplo-clique (apresentar depois)
Composição do card (decisão 5 do brainstorm)
Modelos da web (decisões 6 e 7 do brainstorm)
Vendorar o Three (offline, igual ao resto do deck)
Scaffold Three.js glTF (canônico, validado no teste)
Passos
Checklist

Read the full SKILL.md on GitHub

Files

Just SKILL.md in agents/mira-3d of sandeco/mira-animator.

Open the folder on GitHubat commit d857f32

Compare with similar skills

Mira 3D next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Mira 3D compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Mira 3D this skillsandeco/mira-animator	218	—	~3.6k	Automated safety check: Pass	Custom licence	26 days ago
Motion Webfeitangyuan/motion-web	696	—	~18k	Automated safety check: Pass	CC-BY-NC-4.0	26 days ago
Threejs Image Generatorvalkor-ai/loom	1.2k	1 repos	~1.4k	Automated safety check: Pass	Apache-2.0	4 days ago
3D Image Rendererhassancs91/claude-image-generation	102	—	~1.4k	Automated safety check: Pass	MIT	1 mo ago
Polycsslayoutit/polycss	767	—	~2.4k	Automated safety check: Pass	MIT	1 mo ago
Deploycyanfish-x/tellux	207	—	~1.1k	Automated safety check: Notes	MIT	yesterday

Similar skills

Motion Web
feitangyuan/motion-web
Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…
696 GitHub stars~18k tokensUpdated 26 days ago
Game DevelopmentAuto-check passed
Threejs Image Generator
valkor-ai/loom
Generate and edit 2D image assets for Three.js games with Google's Gemini image API: concept sheets, image-to-3D inputs, texture and material references, sky and background plates, decals, logos…
1.2k GitHub starsUsed in 1 repo~1.4k tokens
Game DevelopmentAuto-check passed
3D Image Renderer
hassancs91/claude-image-generation
Generate PNG images by building a real Three.js 3D scene and capturing one frame headlessly — no image model involved.
102 GitHub stars~1.4k tokensUpdated 1 mo ago
Game DevelopmentAuto-check passed
Polycss
layoutit/polycss
Build PolyCSS scenes that render 3D meshes, primitive shapes, or custom polygons as DOM/CSS polygon elements.
767 GitHub stars~2.4k tokensUpdated 1 mo ago
Game DevelopmentAuto-check passed
Deploy
cyanfish-x/tellux
Deploy tellux examples/docs sites via project scripts — one local command (pnpm run deploy) rclone-syncs to the self-hosted site then Wrangler Direct Uploads to Cloudflare Pages.
207 GitHub stars~1.1k tokensUpdated yesterday
Game DevelopmentAuto-check: notes
Artifact Design
open-octo/octo-agent
Design guidance for any HTML/Markdown file shown in octo's Artifacts panel — reports, dashboards, architecture/system diagrams, generated UIs, slide-style pages, 3D scenes.
125 GitHub stars~2.7k tokensUpdated yesterday
Game DevelopmentAuto-check passed

More from sandeco/mira-animator

All 57 skills in this repo

Mira Fast
sandeco/mira-animator
Cria um deck Mira completo em uma chamada, com uma folha por slide executada em paralelo por um workflow do Claude Code.
218 GitHub stars~3k tokensUpdated 26 days ago
Auto-check passed
Mira History
sandeco/mira-animator
Transforma o texto de uma história (normalmente infantil) numa animação narrada no Mira: cenas com câmera e clima, atores em SVG, narração, música e QR para o celular.
218 GitHub stars~4k tokensUpdated 26 days ago
Auto-check passed
Mira Img Animator
sandeco/mira-animator
Transforma imagens (fotos, logos, diagramas) em animações D3.js interativas e self-contained.
218 GitHub stars~1.7k tokensUpdated 26 days ago
Auto-check passed
Mira Visuals
sandeco/mira-animator
Gera imagens estáticas para slides do Mira: painéis 1920x800, infográficos 1920x1920, diagramas técnicos e gráficos — via D3.js com captura PNG, ou fotorrealismo via prompt JSON (mira-image-prompt).
218 GitHub stars~856 tokensUpdated 26 days ago
Auto-check passed
Mira Design Audience Journey
sandeco/mira-animator
Projetar a experiência psicológica, emocional e intelectual do público ao longo de uma história MIRA, convertendo Story Bible, roteiro ou beats narrativos em uma Audience Journey Map que controla…
218 GitHub stars~3k tokensUpdated 26 days ago
Auto-check passed
Mira Direct Slide Sequence
sandeco/mira-animator
Converter uma MIRA Story Bible e uma Audience Journey Map em uma sequência cinematográfica de cenas-slide, produzindo um MIRA Slide Score com função dramática, quadro inicial, ação, virada…
218 GitHub stars~3k tokensUpdated 26 days ago
Auto-check passed

Works with

Three.js

Questions about Mira 3D

What does Mira 3D do?

Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado. Mira 3D is an agent skill from sandeco/mira-animator. Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado.

When should I use Mira 3D?

Mira 3D fits situations like: tasks that involve Slides and decks; tasks that involve 3D graphics and WebGL.

How do I install Mira 3D in Claude Code?

Run `npx skills add sandeco/mira-animator --skill mira-3d -a claude-code`. Or copy the skill folder (agents/mira-3d in sandeco/mira-animator) into .claude/skills/mira-3d in your project. Claude Code loads it when a task matches its description.

How do I install Mira 3D in Codex?

Run `npx skills add sandeco/mira-animator --skill mira-3d -a codex`. Or copy the skill folder (agents/mira-3d in sandeco/mira-animator) into .agents/skills/mira-3d in your project. Codex loads it when a task matches its description.

Can I use Mira 3D in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sandeco/mira-animator --skill mira-3d -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/mira-3d, .gemini/skills/mira-3d, .github/skills/mira-3d and .opencode/skills/mira-3d in your project.

What does Mira 3D need to run?

Going by SKILL.md and its folder, Mira 3D needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Mira 3D access the network?

SKILL.md names 1 domain. In commands or code: nodejs.org; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.

Is Mira 3D safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Mira 3D use?

Mira 3D has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Mira 3D use?

About 3.6k tokens (SKILL.md is roughly 14k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Mira 3D?

Skills that share tags, products or a category with Mira 3D: Motion Web (feitangyuan/motion-web, 696 stars), Threejs Image Generator (valkor-ai/loom, 1.2k stars), 3D Image Renderer (hassancs91/claude-image-generation, 102 stars) and Polycss (layoutit/polycss, 767 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Mira 3D?

sandeco (a GitHub user) maintains it in sandeco/mira-animator, which has 218 GitHub stars. The repository holds 57 skills in this directory. The repository was last updated on September 14, 2026.

Source: sandeco/mira-animator on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Mira 3D

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

More from sandeco/mira-animator

Related

Questions about Mira 3D