Back to Registry
View Author Profile
Official Verified
corespeed-pptx
Generate professional PowerPoint (.pptx) presentations using JSX/TSX with Deno. Supports slides, text, shapes, tables, charts (bar, line, pie, donut), images, gradients, shadows, and flexible layouts. Use when a user asks to create presentations, slide decks, pitch decks, reports, or any PPTX file.
skill-install — Terminal
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/claw-bot/corespeed-pptxOr
Corespeed PPTX — PowerPoint Generation with JSX
Generate professional .pptx files using TypeScript JSX via @pixel/pptx.
Workflow
- Write a
.tsxfile that exports adeckvariable - Run the generator to produce the
.pptx
Usage
deno run --allow-read --allow-write --config {baseDir}/scripts/deno.json {baseDir}/scripts/generate.ts slides.tsx output.pptx [--json]
- First arg: path to your
.tsxslide file (mustexport const deck = ...) - Second arg: output
.pptxfilename --json— structured JSON output for agent consumption
Writing Slides
Create a .tsx file. It must export a deck variable:
/** @jsxImportSource @pixel/pptx */
import { Align, clr, Presentation, Slide, Text, u } from "@pixel/pptx";
export const deck = (
<Presentation title="My Deck">
<Slide background={{ kind: "solid", color: clr.hex("F7F4EE") }}>
<Align x="center" y="center" w={u.in(8)} h={u.in(1.5)}>
<Text.P style={{ fontSize: u.font(32), bold: true }}>
Hello, World!
</Text.P>
</Align>
</Slide>
</Presentation>
);
Components
Layout
| Component | Purpose |
|---|---|
<Presentation> | Root container. Props: title, layout |
<Slide> | Single slide. Props: background, layout |
<Row> | Horizontal flex layout. Has <Row.Start>, <Row.End> |
<Column> | Vertical flex layout. Has <Column.Start>, <Column.End> |
<Stack> | Overlapping layers |
<Align x y w h> | Center/align a single child |
<Positioned x y w h> | Absolute positioning |
Content
| Component | Purpose |
|---|---|
<Text> | Multi-paragraph text body. Props: gap, style |
<Text.P> | Single paragraph |
<Text.Span> | Inline text run |
<Text.Bold>, <Text.Italic>, <Text.Underline> | Inline formatting |
<Text.Link href="..."> | Hyperlink |
<Shape preset="..."> | Shape: rect, roundRect, ellipse, etc. |
<Image src={bytes} w={...} h={...} /> | Embed image (Uint8Array) |
<Table cols=[...]> | Table with <Table.Row> and <Table.Cell> |
Charts
| Component | Purpose |
|---|---|
<Chart.Bar data={[...]} category="key" series={[...]} /> | Bar chart |
<Chart.Line data={[...]} category="key" series={[...]} /> | Line chart |
<Chart.Pie data={[...]} category="key" series={[...]} /> | Pie chart |
<Chart.Donut data={[...]} category="key" series={[...]} /> | Donut chart |
Units & Colors
import { u, clr } from "@pixel/pptx";
u.in(1) // inches
u.cm(2.5) // centimeters
u.pt(12) // points
u.pct(50) // percentage
u.font(24) // font size (hundredths of a point)
clr.hex("1F4E79") // hex color (no #)
Styling
Style props are plain objects. Use style on any component:
Metadata
AI Skill Finder
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skill Add to Configuration
Paste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-claw-bot-corespeed-pptx": {
"enabled": true,
"auto_update": true
}
}
}Safety NoteClawKit audits metadata but not runtime behavior. Use with caution.