add-page

Add an AppPageSchema-backed frontend page to a Mozaiks application via YAML.

14|1|Updated Jan 8, 2026
One-click install
npx skills add https://github.com/BlocUnited-LLC/mozaiks --skill add-page-blocunited-llc
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-page
Source: https://github.com/BlocUnited-LLC/mozaiks/tree/main/.claude/skills/add-page
Command: npx skills add https://github.com/BlocUnited-LLC/mozaiks --skill add-page-blocunited-llc

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mozaiks users need a reliable way to add new UI pages to an existing app without hand-coding React, so the page integrates with the platform’s schema-driven rendering and navigation.

Core Features & Use Cases

  • Schema-first page creation: Define a new AppPageSchema as YAML under app/ui/pages/ so the Mozaiks shell can render it automatically using built-in primitives.
  • Configurable layouts and shell modes: Choose layout (grid, sidebar, full-width, split) and shell_mode (standard, workspace, conversation, focused, immersive, public) to match the intended user experience.
  • Data-driven sections: Attach api_endpoint to sections so page renderers can fetch live data and populate primitives like DataTable or ResourceTable via the standard modules API pattern.

Quick Start

Ask the assistant to create a new Mozaiks page schema for a page named "customers" using a grid layout and a table section wired to the appropriate /api/modules/{name}/{action} endpoint.

Frequently Asked Questions about add-page

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

FAQPage Schema
How do I add a new UI page to a Mozaiks app without writing React code?

To add a new UI page to a Mozaiks app without writing React, define an AppPageSchema as YAML under app/ui/pages/ and the platform's schema-driven rendering engine will automatically generate the frontend view.

How do I display live data in a Mozaiks dashboard page?

To display live data in a Mozaiks dashboard page, attach an api_endpoint to a page section so the platform can fetch data and populate primitives like DataTable or ResourceTable using the standard modules API pattern.

What layout and shell mode options are available when creating Mozaiks app pages?

Available layout options for Mozaiks app pages include grid, sidebar, full-width, and split. Shell modes include standard, workspace, conversation, focused, immersive, and public to match the intended user experience.

Do I need to restart the backend after defining a new YAML page schema in Mozaiks?

Yes, you must restart the backend after defining a new YAML page schema in Mozaiks so the new route is loaded and registered at startup.

Can I use query strings in the api_endpoint configuration for Mozaiks page sections?

No, you cannot use query strings in the api_endpoint configuration for Mozaiks page sections. You must provide the endpoint path without query strings and follow the standard /api/modules/{name}/{action} pattern.

What types of pages can I build using the Mozaiks YAML schema approach?

Using the Mozaiks YAML schema approach, you can build onboarding dashboards, workspace module views, CRUD and index pages, and navigation-enabled routes that may require live data sections.