Role
This skill does not force slides directly into a single type; instead, it is a top-level skill that decides which slide type skill to use.
When the user provides a topic, presentation structure, and script:
markdowns/<topic>/<topic>.mdwrite as the source- choose the appropriate type for each slide
- check with the presenter/preview if needed
Type-specific sub-skills
remotion-slide-titleremotion-slide-title-imageremotion-slide-title-tagsremotion-slide-title-bulletsremotion-slide-splitremotion-slide-evolution-flowremotion-slide-statremotion-slide-quoteremotion-slide-stepsremotion-slide-compare
Selection criteria
- If a single title is the entire message,
remotion-slide-title(cover, section divider, closing) - If one representative image is important,
remotion-slide-title-image - If a group of keywords is important,
remotion-slide-title-tags - If the message description itself is important,
remotion-slide-title-bullets - If the image and description must be shown together,
remotion-slide-split - If the flow of how the left state changes to the right state is important,
remotion-slide-evolution-flow - If numbers/KPIs are the core,
remotion-slide-stat - If emphasizing a quote or key sentence,
remotion-slide-quote - If it is an ordered process/step,
remotion-slide-steps - If comparing 3 or more items side by side,
remotion-slide-compare
Common rules
- The source is always
markdowns/<topic>/<topic>.md - manually
data.tsdo not edit - Place topic-specific images in the same folder as the markdown
- Markdown parsing rules are
src/slides/parseMarkdown.tsbased on - Only render video when the user explicitly requests it
- For slides without images,
ImagePlaceholderthe component is automatically rendered. Colors switch automatically based on the theme background color brightness, so no separate handling is needed (src/slides/components/ImagePlaceholder.tsx)
Workflow
- Organize the presentation topic and each slide message.
- Select which type skill fits each slide.
markdowns/<topic>/<topic>.mdStructure with.npm run slides:previeworslides:presentcheck with.- If needed, adjust sentence length, type selection, and image placement.
Execution command
npm run slides:present -- markdowns/<topic>/<topic>.md
npm run slides:preview -- markdowns/<topic>/<topic>.md
npm run slides:render -- markdowns/<topic>/<topic>.md slides