skills.rest
coolrobertj
coolrobertjCOMMUNITY
Explore all skills by this author →
GitHub

svg-to-ppt

Generates SVG diagrams that convert cleanly into editable PowerPoint shapes.

1|Updated May 13, 2026
Search Tags:#validation#powerpoint#svg#diagram#architecture diagram#convert to shape#editable shapes
One-click install
npx skills add https://github.com/coolrobertj/Agency-Cowork --skill svg-to-ppt-coolrobertj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: svg-to-ppt
Source: https://github.com/coolrobertj/Agency-Cowork/tree/main/skills/svg-to-ppt/skills/svg-to-ppt
Command: npx skills add https://github.com/coolrobertj/Agency-Cowork --skill svg-to-ppt-coolrobertj

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating architecture or process diagrams for PowerPoint often results in static images that cannot be edited after insertion. This Skill provides a standardized workflow for authoring SVG diagrams using only primitive shapes, so they convert cleanly into editable PowerPoint shapes via Convert to Shape. ## Core Features & Use Cases - PPT-Compatible SVG Authoring: Enforces constraints like primitive shapes only (rect, line, polygon, text), atomic arrow groups, absolute coordinates, and Office-safe fonts to guarantee clean conversion. - Validation & QA Workflow: Includes a checklist, Makefile-based validation (make validate, make validate-ps), and text-overflow guardrails such as MAX_FONT_SIZE and MAX_TEXT_CHARS. - Templates and Examples: Ships a starter SVG template and a worked reference example, plus DESIGN.md integration for consistent brand colors and fonts. - Use Case: A program manager needs an editable architecture diagram for a stakeholder deck. Provide the lanes, blocks, and connections, and receive a single SVG file that converts to fully editable PowerPoint shapes. ## Quick Start Ask your agent to create an editable PowerPoint architecture diagram with three lanes showing the API request flow using the svg-to-ppt skill.

Frequently Asked Questions about svg-to-ppt

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert an SVG diagram into editable PowerPoint shapes?▼

Author the SVG using only primitive elements (rect, line, polygon, text) with inline styling, then insert it into PowerPoint and use Convert to Shape. Ungroup the result and inspect text blocks and arrows for correct rendering.

How to create arrows in SVG that survive PowerPoint conversion?▼

Build each arrow as an atomic group containing one line and one polygon, with the line endpoint penetrating the polygon by 2-4 px. Avoid marker elements and path-based arrow tips, which PowerPoint's converter does not handle.

Why does text overlap after SVG Convert to Shape in PowerPoint?▼

Overlap is usually caused by cumulative dy offsets on tspan elements or insufficient box padding. Use absolute y coordinates for each tspan, keep at least 18 px line gaps, and add 10-20 px of extra box height as a safety margin.

What SVG elements are safe for PowerPoint conversion?▼

Only rect, line, polygon, and text elements convert reliably. Avoid marker, defs, external CSS, style blocks, and path-based shapes, which commonly cause rendering failures in PowerPoint and some SVG viewers.

Which fonts work in SVG diagrams for PowerPoint?▼

Use Office-safe fonts such as Aptos, Segoe UI, Arial, Calibri, Georgia, or Cambria. If a DESIGN.md specifies a heading font outside this list, fall back to Aptos to avoid substitution issues after conversion.

How do I validate an SVG before publishing to PowerPoint?▼

Run make validate-ps for line-gap and right-edge fit checks, then make validate for the full suite. Finally insert the SVG into PowerPoint, run Convert to Shape, and visually inspect text blocks and arrows.

Related Skills

Explore More Design & Creative Skills→
CaltexBevoCaltexBevo

design-consultation

Generate a DESIGN.md documenting typography, color, layout, spacing, and motion.

Community
Advanced
kanazawazawakanazawazawa
5

slide-creator

Convert SVG slide designs into editable PowerPoint presentations with native shapes.

Community
Advanced
HaykTarkhanyanHaykTarkhanyan

beamer-overflow-check

Detect and fix content overflow and clipping in Beamer LaTeX slides.

Community
Intermediate
partme-aipartme-ai
610

drawio-architecture

Create draw.io architecture diagrams with shapes, templates, and collaboration guidance.

Official
Basic