mirra-pages

Create and manage dynamic pages in Mirra via REST API.

6|Updated Nov 5, 2025
One-click install
npx skills add https://github.com/Oz-Networks/mirra-sdk --skill mirra-pages
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mirra-pages
Source: https://github.com/Oz-Networks/mirra-sdk/tree/main/skills/mirra-pages
Command: npx skills add https://github.com/Oz-Networks/mirra-sdk --skill mirra-pages

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation and management of dynamic web pages, dashboards, and reports using React and Tailwind CSS, eliminating the need for manual coding for many use cases.

Core Features & Use Cases

  • Dynamic Page Creation: Build interactive pages with JSX, leveraging pre-loaded libraries like React, Recharts, and Tailwind CSS.
  • Report Generation: Easily create data-driven reports using a widget factory, specifying data sources and visualizations.
  • Page Management: Update, revert, publish, and unpublish pages programmatically.
  • Use Case: Automatically generate a real-time sales dashboard by connecting to your data collection and configuring various chart and stat widgets.

Quick Start

Use the mirra-pages skill to create a new page at the path '/my-dashboard' with the title 'My Dashboard' and provide the JSX code for the page.

Frequently Asked Questions about mirra-pages

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

FAQPage Schema
How do I create dynamic web pages using React and Tailwind without manual coding?

You can create dynamic web pages by using a REST API to generate interactive pages with JSX, leveraging pre-loaded libraries like React, Recharts, and Tailwind CSS to automate the page creation process.

Can I build a real-time dashboard with React and Tailwind programmatically?

Yes, you can build a real-time dashboard by connecting to a data collection and configuring various chart and stat widgets through a widget factory, specifying data sources and visualizations.

What is the best way to manage page publishing and reverting for React dashboards?

The best way to manage React dashboards is through a REST API that handles page operations programmatically, allowing you to create, edit, update, revert, publish, and unpublish pages as needed.

Does this page creation approach support generating data-driven reports with visualizations?

Yes, the page creation approach supports generating structured data-driven reports via a widget factory, allowing you to specify data sources and render visualizations without manual coding.

What libraries are available when building JSX pages for reports and dashboards?

When building JSX pages for reports and dashboards, you can leverage pre-loaded libraries including React for components, Tailwind CSS for styling, and Recharts for data visualizations.

How do I update or unpublish an existing React page via API?

You can update or unpublish an existing React page by making requests to the REST API, which handles operations such as editing, updating, reverting, publishing, and unpublishing pages programmatically.