Analyze visual references to generate v9 scene slides with geometry and anchors.
npx skills add https://github.com/ZhengRui/talks --skill replicate-slides
Please help me install this Agent Skill. Skill: replicate-slides Source: https://github.com/ZhengRui/talks/tree/main/.claude/skills/replicate-slides Command: npx skills add https://github.com/ZhengRui/talks --skill replicate-slides
Recreating slides from screenshots or visual references is error-prone and time-consuming without precise geometry, guides, and anchors. This SKILL provides a disciplined workflow to analyze the source and author a v9 scene slide with explicit geometry, guides, and optional IR escape hatches.
Provide a reference slide image and I will generate a v9 scene slide with explicit geometry, guides, and anchors.
High-intent search queries and answers about installing and using this skill.
To replicate a slide from a visual reference, provide the source image and optional corrections. The system analyzes the reference to extract geometry, spacing, and color relationships, then generates a scene slide with explicit anchors, guides, and reusable templates.
Converting HTML or CSS into a slide template involves analyzing the markup to map explicit geometry and spacing. The workflow generates slide-level and block-level templates, outputting an instance YAML or payload ready for publishing.
Yes, you can choose between template-based and fully scene-backed authoring paths. Template-based generates reusable block templates, while scene-backed emits a Layer 1 payload or Layer 2 repo-ready instance YAML with a verification plan.
Yes, providing a source size is necessary to anchor geometry accurately. Inputting the reference image dimensions alongside optional corrections ensures the generated v9 scene slide maintains precise spacing, guides, and layout fidelity.
When recreating slides from screenshots, outputs include slide templates, an instance YAML for Layer 2, or a payload for Layer 1. A verification plan is also generated to validate the explicit geometry and anchors.
pablitonogRender HTML and CSS content into PNG images with Playwright.
withkynamGenerate Validate Contract with Net Gate status from Layer 1 and Layer 2 findings.
toddwardGenerate branded slide decks from .pptx templates and content outlines.
seunghyukohExecute Python experiment scripts from YAML configurations and collect structured results.
