Image To Editable PPT

Objective

Reconstruct the supplied reference image as an editable .pptx page. Do not redesign, summarize, beautify, or reinterpret the source. Preserve visual fidelity first, then text editability, then shape editability.

Use the Presentations skill/plugin when available. Follow its requirement to build PPTX with @oai/artifact-tool and render the output for QA.

Required Workflow

1. Analyze the reference image before building.

   • Record pixel size, aspect ratio, page orientation, module count, major bounding boxes, typography tiers, colors, icon types, and dense/problem areas.
   • Use the image's native pixel dimensions as the coordinate system unless the user requires standard 16:9. If 16:9 is used, convert all positions by a single scale factor.

2. Plan object decomposition.

   • Text layer: all titles, labels, body text, numbers, annotations, chart text, and footers should be editable text boxes.
   • Shape layer: backgrounds, panels, cards, dividers, arrows, lines, pills, circles, callouts, pyramids, and containers should be PPT-native shapes where feasible.
   • Icon/complex layer: replicate with native shapes only if the result is visually close. Otherwise crop the exact icon/visual region from the source and place it as a local PNG while keeping nearby text editable.

3. Build with fidelity-first coordinates.

   • Use measured pixel coordinates for major objects.
   • Preserve original margins, module sizes, spacing, alignments, line weights, rounded corners, colors, hierarchy, and z-order.
   • Do not simplify dense regions, change sequence, add decoration, replace icon style, or merge unrelated objects.

4. Stabilize text.

   • Use common compatible fonts such as Microsoft YaHei for Chinese screenshots.
   • Create separate text boxes for distinct lines/tiers when it prevents PowerPoint reflow.
   • Set fixed width/height, alignment, insets, line spacing, and autoFit: "none" unless a controlled shrink is necessary.
   • Keep original wording, punctuation, numbers, parentheses, and line breaks.

5. Handle icons and special visuals.

   • Preferred order: PPT-native shape group, editable SVG, exact source crop PNG, highly similar replacement only as a last resort.
   • If cropping from the source, crop tightly around the icon or visual only. Do not include neighboring editable text unless unavoidable.
   • For small icons, visually inspect a contact sheet of crops before placing them in the PPT.

6. Validate and iterate.

   • Render the generated PPTX to PNG.
   • Create or inspect a side-by-side comparison with the source image.
   • Fix obvious coordinate, size, font, color, crop, overlap, overflow, and layer errors.
   • Complete at least one cycle: build PPTX -> render -> compare -> revise.

7. Deliver.

   • Return only the final .pptx path and concise notes about validation.
   • Do not add extra cover, explanation, or comparison pages unless the user asks.

Visual Fidelity Rules

• Preserve the source's page ratio and layout. Never use a template layout unless the reference itself is a template.
• Sample colors from the source image. Avoid theme colors that visibly shift hue or saturation.
• Use source-like line weights and corner radii. Dense business slides often use thin strokes and small radii.
• Maintain the original object order and grouping logic. Do not collapse the page into one image.
• When editability conflicts with visual fidelity, prefer: overall visual match -> editable text -> editable main shapes -> cropped local image for complex details.

QA Checklist

Before final response, check:

來源於7w4.net。

• Page count and ratio match the request.
• No full-page reference image is used as the only content.
• Major modules are within 1% position error when practical.
• Text content is complete, editable, and not garbled.
• Text does not overflow, wrap incorrectly, or overlap icons.
• Icons are visually close to the reference; cropped icons have no visible stray text or borders.
• Lines, arrows, dividers, and card borders connect and align correctly.
• Rendered final PPTX visually resembles the original at slide level.

Helper Resources

• Use scripts/image_regions.py to batch-crop source regions, make a crop contact sheet, and create side-by-side comparison images.
• Read references/reconstruction-checklist.md when the source page is dense, contains many icons, or the user demands strict replication.

這個Skill質量不錯，文件寫得很詳細清晰，一看就知道怎麼用。優點是步驟完整、有檢查清單幫忙把關，還自帶影像對比工具。不足是缺少使用示例，普通使用者可能不太好理解如何實際操作，另外對於複雜頁面缺少更具體的處理建議。總體適合需要精確還原PPT的使用者使用，但新手需要多花點時間熟悉流程。