lumina-slides 8.2.3 → 8.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -15
- package/dist/api-docs.json +916 -882
- package/dist/brains.png +0 -0
- package/dist/layout-custom.json +31 -0
- package/dist/layout-flex-demo.json +218 -0
- package/dist/lumina-llm-prompt.txt +415 -0
- package/dist/lumina-slides.js +9880 -2004
- package/dist/lumina-slides.umd.cjs +43 -3
- package/dist/speaker-notes.html +27 -0
- package/dist/style.css +1 -1
- package/dist/test-universal.html +57 -0
- package/package.json +3 -9
- package/public/api-docs.json +0 -6078
- package/public/deck.json +0 -93
- package/public/demo.gif +0 -0
- package/public/layout-embedded.json +0 -65
- package/public/layout-embedded.png +0 -0
- package/public/layout-features.json +0 -72
- package/public/layout-features.png +0 -0
- package/public/layout-half.json +0 -52
- package/public/layout-half.png +0 -0
- package/public/layout-statement.json +0 -33
- package/public/layout-statement.png +0 -0
- package/public/layout-steps.json +0 -37
- package/public/layout-steps.png +0 -0
- package/public/layout-timeline.json +0 -37
- package/public/layout-timeline.png +0 -0
package/README.md
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
**Lumina Engine** is a high-performance, declarative library that enables AI agents and LLMs to generate professional, interactive UI and slide decks by simply outputting JSON. It bridges the gap between text generation and visual storytelling, offering deterministic, GPU-accelerated rendering without the hallucination of pixel-generation.
|
|
18
18
|
|
|
19
19
|
> [!IMPORTANT] > **Building an Agent?**
|
|
20
|
-
> Read the complete **[Lumina for Agents Guide](
|
|
20
|
+
> Read the complete **[Lumina for Agents Guide](https://github.com/PailletJuanPablo/lumina-slides/blob/main/AGENTS.md)** to learn about Streaming, Auto-Layouts, and Token Optimization.
|
|
21
21
|
|
|
22
22
|
## 🤖 Why for LLMs?
|
|
23
23
|
|
|
@@ -38,7 +38,7 @@ Traditional UI libraries require understanding complex component trees, CSS modu
|
|
|
38
38
|
## 📦 Installation
|
|
39
39
|
|
|
40
40
|
```bash
|
|
41
|
-
npm install lumina-slides
|
|
41
|
+
npm install lumina-slides
|
|
42
42
|
```
|
|
43
43
|
|
|
44
44
|
## ⚡ Quick Start for Agents
|
|
@@ -81,7 +81,11 @@ You pass that JSON directly to Lumina.
|
|
|
81
81
|
import { Lumina } from "lumina-slides";
|
|
82
82
|
import "lumina-slides/style.css";
|
|
83
83
|
|
|
84
|
-
|
|
84
|
+
// Works in Vanilla JS, React, Angular, Svelte, etc.
|
|
85
|
+
// No Vue installation required.
|
|
86
|
+
const engine = new Lumina("#app", {
|
|
87
|
+
theme: "dark",
|
|
88
|
+
});
|
|
85
89
|
|
|
86
90
|
// Imagine this comes from your LLM stream
|
|
87
91
|
const llmOutput = await agent.generatePresentation();
|
|
@@ -97,43 +101,43 @@ Lumina provides semantic layout types that LLMs can easily select based on conte
|
|
|
97
101
|
|
|
98
102
|
Big ideas, quotes, titles. Great for "cover" slides.
|
|
99
103
|
|
|
100
|
-
[](public/layout-statement.json)
|
|
101
|
-
[View JSON Source](public/layout-statement.json)
|
|
104
|
+
[](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-statement.json)
|
|
105
|
+
[View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-statement.json)
|
|
102
106
|
|
|
103
107
|
### **Half**
|
|
104
108
|
|
|
105
109
|
Comparisons, text + image context.
|
|
106
110
|
|
|
107
|
-
[](public/layout-half.json)
|
|
108
|
-
[View JSON Source](public/layout-half.json)
|
|
111
|
+
[](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-half.json)
|
|
112
|
+
[View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-half.json)
|
|
109
113
|
|
|
110
114
|
### **Features**
|
|
111
115
|
|
|
112
116
|
Lists of benefits, KPIs, or grid items.
|
|
113
117
|
|
|
114
|
-
[](public/layout-features.json)
|
|
115
|
-
[View JSON Source](public/layout-features.json)
|
|
118
|
+
[](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-features.json)
|
|
119
|
+
[View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-features.json)
|
|
116
120
|
|
|
117
121
|
### **Timeline**
|
|
118
122
|
|
|
119
123
|
Chronological events, roadmaps, history.
|
|
120
124
|
|
|
121
|
-
[](public/layout-timeline.json)
|
|
122
|
-
[View JSON Source](public/layout-timeline.json)
|
|
125
|
+
[](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-timeline.json)
|
|
126
|
+
[View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-timeline.json)
|
|
123
127
|
|
|
124
128
|
### **Steps**
|
|
125
129
|
|
|
126
130
|
Tutorials, flows, numbered processes.
|
|
127
131
|
|
|
128
|
-
[](public/layout-steps.json)
|
|
129
|
-
[View JSON Source](public/layout-steps.json)
|
|
132
|
+
[](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-steps.json)
|
|
133
|
+
[View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-steps.json)
|
|
130
134
|
|
|
131
135
|
### **Embedded (Widget Mode)**
|
|
132
136
|
|
|
133
137
|
Slides constrained to a container, perfect for dashboards.
|
|
134
138
|
|
|
135
|
-
[](public/layout-embedded.json)
|
|
136
|
-
[View JSON Source](public/layout-embedded.json)
|
|
139
|
+
[](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-embedded.json)
|
|
140
|
+
[View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-embedded.json)
|
|
137
141
|
|
|
138
142
|
## 📚 API Reference
|
|
139
143
|
|