Automate Diapos presentation and theme pack creation from React components.
npx skills add https://github.com/sichengchen/diapos --skill diapos
Please help me install this Agent Skill. Skill: diapos Source: https://github.com/sichengchen/diapos/tree/main/skills Command: npx skills add https://github.com/sichengchen/diapos --skill diapos
Diapos helps teams rapidly create React-based slide decks and theme packs with a consistent design system, reducing friction in crafting polished presentations.
Create a new Diapos project, wire a DiaposRouter with your slides, and start the dev server to preview your presentation.
High-intent search queries and answers about installing and using this skill.
You can build React-based presentation slides by authoring TSX components and wiring them through a DiaposRouter. This workflow uses a structured TS project layout with main.tsx and slides.tsx to render your slide deck.
The recommended project structure organizes your React slide deck using a src/ directory containing main.tsx for router wiring, slides.tsx for slide exports, and theme.ts for styling. This layout enables a cohesive, themeable presentation workflow.
You apply custom themes by generating and importing theme packs using the theme.ts file in your project. This theming workflow ensures visual consistency across all your TSX presentation slides.
Yes, you can build a slide deck using your existing React components. The system is designed for slide authoring with TSX components and a rich catalog of presentational primitives to craft polished presentations.
To preview your presentation, you wire a DiaposRouter with your slides in the main.tsx file and start the dev server. This setup automates the organization of your slide deck for rapid previewing.
The best way to ensure visual consistency across React slides is to use the theming and theme-pack workflows. By defining styles in a central theme.ts file, you maintain a unified design system throughout the slide deck.
mntheCreate a Python automation project scaffold with docs, src, and tests directories.
miglettoCreate and edit presentation decks using a compact DSL and Vela CLI.
Prompt-or-Die-LabsGenerate typed React .tsx components with hooks, CSS modules, tests, and index exports.
hachejCreate and edit markdown-based slide decks with custom widgets.
