Enforce file contracts and 1920×1080 canvas constraints for open-slide React pages.
npx skills add https://github.com/compozy/agh --skill slide-authoring
Please help me install this Agent Skill. Skill: slide-authoring Source: https://github.com/compozy/agh/tree/main/packages/slides/.agents/skills/slide-authoring Command: npx skills add https://github.com/compozy/agh --skill slide-authoring
slide-authoring prevents broken open-slide pages by providing a single technical source of truth for layout, typography, file structure, and the fixed 1920×1080 canvas constraints.
slides/<id>/index.tsx, store media in slides/<id>/assets/, and avoid editing unrelated slide framework files.var(--osd-*) variables and safe panel-friendly design exports for re-theming.Tell your AI: "Given this slide id, update slides/<id>/index.tsx to match the slide-authoring rules, keep the full content within the 1920×1080 canvas without overflow, and apply a consistent palette and type scale."
High-intent search queries and answers about installing and using this skill.
To keep React slide pages within a 1920×1080 canvas, enforce absolute pixel typography and spacing rules using a defined type scale. Avoid overflow hacks and ensure all JSX stays within the non-scrolling 1080px vertical budget.
The required file structure for open-slide pages mandates placing page components in slides/<id>/index.tsx and storing media in slides/<id>/assets/. Adhering to this file contract ensures safe boundaries and prevents editing unrelated slide framework files.
Apply design tokens to open-slide pages by using var(--osd-*) variables and exporting safe panel-friendly DesignSystem objects. This supports optional per-slide token integration for consistent palette and re-theming capabilities.
Yes, you can use ordered Page component arrays for open-slide cover and content pages. The slide-authoring process requires using non-empty ordered Page component arrays to properly structure React slide pages.
Open-slide pages break when editing unrelated slide framework files because it violates the do-not-touch boundaries. You must restrict edits to slides/<id>/index.tsx and slides/<id>/assets/ to maintain the required file contract.
Yes, open-slide supports absolute pixel typography for fixed layout assumptions. The 1920×1080 fixed layout requires explicit type scales and absolute pixel spacing to guarantee canvas-safe design without scrolling.
compozyCreate slide content under slides/<id>/ with theme and style constraints.
tuanhqv123Generate static HTML presentation decks from theme and layout templates.
theSamPadillaGenerate custom JSX video overlays from editing prompts and transcripts.
nexu-ioRender fixed 1920×1080 presentation decks with React components.