mira-tactics

Generates interactive soccer tactics board slides with animated players, keyframe play recording, and JSON replay export.

Updated Sep 2, 2026
One-click install
npx skills add https://github.com/mayconspirlandelli/slides-podcast-ia-home-office --skill mira-tactics-mayconspirlandelli
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mira-tactics
Source: https://github.com/mayconspirlandelli/slides-podcast-ia-home-office/tree/main/.agents/skills/mira-tactics
Command: npx skills add https://github.com/mayconspirlandelli/slides-podcast-ia-home-office --skill mira-tactics-mayconspirlandelli

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a tactical soccer board for presentations usually means static images or manual drawing tools. This Skill generates a dedicated Mira slide with a cinematic soccer field where both teams appear in their real formation as animated chibi players, editable live during a presentation, with plays recordable as keyframes and replayed with smooth interpolation. ## Core Features & Use Cases - Real lineups with validated data: Researches each team's last match and validates four attributes per starter (name, number, position, appearance confirmed by photo), plus jersey, shorts, and goalkeeper colors. - Live tactical editing: Drag players, draw arrows, zones, and freehand paint, switch between chibi figures and classic discs, and rotate the field to vertical with the V key. - Keyframe play recording: Capture snapshots with the R key, replay with smooth single-timeline interpolation, and persist each play as a JSON file in the deck's data/ folder using the mira-tactics-play/1 schema. - Use Case: A sports commentator preparing a match analysis asks for "Brasil x Noruega tactical board" and gets a self-contained HTML slide with both real starting elevens in formation, ready to demonstrate a counter-attack live and save it as a replayable play. ## Quick Start Ask the assistant to create a mira-tactics slide with the two teams you want, for example: create a tactical board slide with Brazil versus Norway using their latest lineups.

Frequently Asked Questions about mira-tactics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a soccer tactics board slide with real team lineups?▼

Invoke the skill with the two team names and it researches each team's last match, validating every starter's name, number, position, and appearance from official sources. It then generates a self-contained HTML slide with both teams in their real formation.

How do I record and replay a tactical play on the board?▼

Press R to open the play panel; the first press captures the current scene as frame one. Move players and capture more keyframes, then press Play or the spacebar to replay with smooth interpolation across a single timeline.

Can I rotate the soccer field to vertical orientation?▼

Yes, the field rotates 90 degrees without breaking the formation. Set orientation to vertical in the config, add ?vertical=1 to the URL, or press the V key at runtime.

Where are saved plays stored and in what format?▼

Plays are saved as individual JSON files in the deck's data/ folder using the mira-tactics-play/1 schema, with sequential player ids and normalized 0-1 field coordinates. Loading and saving use the browser's File System Access API, with download fallback.

What happens if I add or remove players after saving plays?▼

Player ids are sequential based on array order, so inserting or removing a player shifts subsequent ids and misaligns saved JSON frames. Prefer appending players at the end of the team array and remap frame keys in affected files.