mira-builder

Automates assembly of interactive HTML slide decks using modular Glassmorphism components.

158|49|Updated Jun 10, 2026
One-click install
npx skills add https://github.com/sandeco/mira-animator --skill mira-builder
Or copy as Structured Prompt for Agentā–¼
Please help me install this Agent Skill.
Skill: mira-builder
Source: https://github.com/sandeco/mira-animator/tree/main/agents/mira-builder
Command: npx skills add https://github.com/sandeco/mira-animator --skill mira-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

O mira-builder automatiza a montagem de apresentações HTML interativas em Tailwind com componentes Glassmorphism modulares, oferecendo navegação tipo cartão e um fluxo de planejamento integrado.

Core Features & Use Cases

  • Planejamento de slides com fluxo de cards, templates consistentes e estilo visual padronizado.
  • Geração de decks auto-contidos a partir de conteĆŗdos estruturados, com suporte a assets/templates.
  • Use Case: transforme capĆ­tulos ou notas em apresentaƧƵes animadas com transiƧƵes suaves e componentes reutilizĆ”veis.

Quick Start

Execute o pipeline completo do Mira: primeiro /mira-planner para planejar, depois /mira-copywriter para refinar e, por fim, gere a apresentação com os templates disponíveis.

Frequently Asked Questions about mira-builder

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

FAQPage Schema
How do I build interactive HTML presentations using Tailwind and glassmorphism cards?ā–¼

You can build interactive HTML presentations with Tailwind and glassmorphism cards by automating the assembly of modular components. The system applies structured content to templates, rendering a self-contained, card-by-card slide deck with consistent styling.

What is the best way to convert structured content chapters into an animated HTML slide deck?ā–¼

The best way to convert structured content chapters into an animated HTML slide deck is by applying frontmatter metadata to modular templates. This generates a self-contained presentation featuring smooth transitions and reusable card components.

Do I need frontmatter metadata to generate a self-contained HTML presentation?ā–¼

Yes, frontmatter metadata is required to generate a self-contained HTML presentation. It provides the necessary structure to map your content into modular glassmorphism templates while enforcing design rules and accessibility standards.

Does generating HTML presentations with glassmorphism components require external dependencies?ā–¼

Generating HTML presentations with glassmorphism components requires no external dependencies. The pipeline utilizes internal templates, optional assets, and supporting scripts to produce a fully self-contained deck.

Can I use custom assets and scripts when assembling Tailwind presentation cards?ā–¼

Yes, custom assets and scripts are fully supported when assembling Tailwind presentation cards. The system integrates these optional resources alongside templates to render the final interactive deck while maintaining accessibility.

Why does my HTML presentation need a planning step before generating glassmorphism cards?ā–¼

A planning step is needed before generating glassmorphism cards to structure the content flow. The pipeline requires planning and copywriting phases first to ensure the final HTML deck has consistent navigation and styling.