dynamic-layout-report

Create and fill dynamic layout reports via API with grids and content slots.

Updated Jan 14, 2026
One-click install
npx skills add https://github.com/sam33339999/dynamic-layout --skill dynamic-layout-report
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: dynamic-layout-report
Source: https://github.com/sam33339999/dynamic-layout/tree/main/skills/dynamic-layout-report
Command: npx skills add https://github.com/sam33339999/dynamic-layout --skill dynamic-layout-report

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Create and populate structured, layout-driven reports by separating layout design from content filling, enabling faster production of polished dashboards and documents.

Core Features & Use Cases

  • Layout-first design: define containers and slots, then fill each slot with compatible content types.
  • Content versatility: support for markdown, mermaid, chart_js, infographic, table, and code_block.
  • Use Case: generate AI-assisted reports or dashboards with reusable layouts in response to data insights.

Quick Start

Post a layout to /api/v1/reports to create a new report with a predefined layout.

Frequently Asked Questions about dynamic-layout-report

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

FAQPage Schema
How do I automate report generation with markdown, charts, and mermaid diagrams via API?

You can automate report generation by posting a predefined layout to the API, which separates layout design from content filling for markdown, mermaid, charts, and tables. This enables faster production of polished dashboards.

What is a layout-first approach for building dynamic dashboards and documents?

A layout-first approach for dynamic dashboards defines containers and slots first, then fills each slot with compatible content types like markdown, mermaid, chart_js, or infographic components. This separates design from content population.

Can I use grid and flex containers to build AI-assisted reports?

Yes, you can build AI-assisted reports using a layout tree model with grid and flex containers. The system supports a two-level depth structure with ULID-based slot IDs to organize content components like tables and code blocks.

Does the dynamic report API support chart_js and infographic content slots?

Yes, the report API supports chart_js and infographic content slots, along with markdown, mermaid, table, and code_block components. You populate these predefined slots with compatible content types via API requests.

What are the limitations of the layout tree model for dynamic report generation?

The layout tree model has a two-level depth limitation for its container and slot structure. You must organize all chart, diagram, markdown, table, and code block content within this depth constraint using ULID-based slot IDs.

How do I create a reusable report layout for data insights via API?

To create a reusable report layout, post your layout structure defining containers and slots to the API endpoint. You can then repeatedly fill these slots with markdown, charts, and tables to generate data insight documents.