Selecting and placing approved supporting icons, images

Pptx visual assets

by wshobson · MIT license · ★ 39,857 on GitHub · updated Sep 21

Pptx visual assets cover

Use when selecting and placing approved supporting icons, images, SVGs, diagrams, or infographics in an editable PPTX deck.

---
name: pptx-visual-assets
description: "Use when selecting and placing approved supporting icons, images, SVGs, diagrams, or infographics in an editable PPTX deck."
---

# PPTX Visual Assets

Use visual assets to support a slide's message, never to flatten or replace editable content.

## Workflow

1. Select the asset type only when it improves comprehension: icon, image, SVG, diagram, or infographic.
2. Confirm the local asset path, source, usage rights, and concise alt text before placement.
3. Add the asset with a final inch bbox, deliberate z-index, and `content` or `layout_design` classification.
4. Preserve aspect ratio and check that no asset covers readable text or leaves essential information locked in an image.

## Rules

Overview

Use visual assets to support a slide's message, never to flatten or replace editable content.

Manual install (npx, ZIP)
Claude Codenpx skills add wshobson/agents --skill pptx-visual-assets -g -a claude-code
Claude Code (degit)npx degit wshobson/agents/plugins/pptx-deck-creation/skills/pptx-visual-assets#main ~/.claude/skills/pptx-visual-assets
Claude.ai / desktopZip the folder and upload it under Settings → Capabilities → Skills.
Codex, Cursor, other agentsPoint them at SKILL.md. The other files are plain text.

Connects with Agent Alley MCP · agentalley.io/mcp

Files included

  • SKILL.md1.3 KB
Read SKILL.md here
wshobson/main1 file shown
SKILL.md
Show the full text27 lines
pptx-visual-assets/SKILL.md27 lines · 1.3 KB

PPTX Visual Assets

Use visual assets to support a slide's message, never to flatten or replace editable content.

Workflow

  1. Select the asset type only when it improves comprehension: icon, image, SVG, diagram, or infographic.
  2. Confirm the local asset path, source, usage rights, and concise alt text before placement.
  3. Add the asset with a final inch bbox, deliberate z-index, and content or layout_design classification.
  4. Preserve aspect ratio and check that no asset covers readable text or leaves essential information locked in an image.

Rules

  • Use simple, legible icons alongside text labels.
  • Place captions beside images rather than over them.
  • Use true SVG sources only when they are clean vectors; never wrap a raster image in SVG and call it editable.
  • Recreate essential labels, legends, values, and process steps with native PowerPoint objects.
  • If rights, provenance, or a suitable asset are unavailable, omit the asset and report the gap. Never add a placeholder as a finished visual.
  • Record provider or source details in the source manifest. Never request secrets in chat.

See references/asset-guidance.md for licensing, placement, and SVG constraints.

1---
2name: pptx-visual-assets
3description: "Use when selecting and placing approved supporting icons, images, SVGs, diagrams, or infographics in an editable PPTX deck."
4---
5 
6# PPTX Visual Assets
7 
8Use visual assets to support a slide's message, never to flatten or replace editable content.
9 
10## Workflow
11 
121. Select the asset type only when it improves comprehension: icon, image, SVG, diagram, or infographic.
132. Confirm the local asset path, source, usage rights, and concise alt text before placement.
143. Add the asset with a final inch bbox, deliberate z-index, and `content` or `layout_design` classification.
154. Preserve aspect ratio and check that no asset covers readable text or leaves essential information locked in an image.
16 
17## Rules
18 
19- Use simple, legible icons alongside text labels.
20- Place captions beside images rather than over them.
21- Use true SVG sources only when they are clean vectors; never wrap a raster image in SVG and call it editable.
22- Recreate essential labels, legends, values, and process steps with native PowerPoint objects.
23- If rights, provenance, or a suitable asset are unavailable, omit the asset and report the gap. Never add a placeholder as a finished visual.
24- Record provider or source details in the source manifest. Never request secrets in chat.
25 
26See `references/asset-guidance.md` for licensing, placement, and SVG constraints.
27 
View all files on GitHub →

Details

Updated
Sep 21, 2026
License
MIT
Stars on the repo
★ 39,857
Checked
Source
wshobson/agents ↗
Creator
wshobson · 179 listings
View creator

Similar skills

See all →
SkillCreate stunning, animation-rich HTML presentationsFrontend slideszarazhangrui/frontend-slides · by zarazhangruiCreate stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.★ 30.3k GitHub starsSkillCreate professional, dark-themed SVG diagrams of any typeDiagram GeneratorJimLiu/baoyu-skills · by JimLiuCreate professional, dark-themed SVG diagrams of any type — architecture diagrams, flowcharts, sequence diagrams, structural diagrams, mind maps, timelines, illustrative/conceptual diagrams, and more. Use this skill whenever the user asks for any kind of technical or conceptual diagram, visualization of a system, process flow, data flow, component relationship, network topology, decision tree, org chart, state machine, or any visual representation of structure/logic/process. Also trigger when the user says "画个图" "画一个架构图" "diagram" "flowchart" "sequence diagram" "draw me a ..." or uploads content and asks to visualize it. Output is always a standalone .svg file.★ 26.6k GitHub starsSkillGenerate self-contained HTML visual explanations for systemsVisual explainernicobailon/visual-explainer · by nicobailonGenerate self-contained HTML visual explanations for systems, code changes, plans, data, and technical concepts. Use for diagrams, architecture overviews, diff or plan reviews, project recaps, comparison tables, slide decks, animated explainers, and other visual explanations.★ 10.2k GitHub starsSkillHTML PPT Studio — author professional static HTMLhtml-ppt — HTML PPT Studiolewislulu/html-ppt-skill · by lewisluluHTML PPT Studio — author professional static HTML presentations in many styles, layouts, and animations, all driven by templates. Use when the user asks for a presentation, PPT, slides, keynote, deck, slideshow, "幻灯片", "演讲稿", "做一份 PPT", "做一份 slides", a reveal-style HTML deck, a 小红书 图文, or any kind of multi-slide pitch/report/sharing document that should look tasteful and be usable with keyboard navigation. Triggers include keywords like "presentation", "ppt", "slides", "deck", "keynote", "reveal", "slideshow", "幻灯片", "演讲稿", "分享稿", "小红书图文", "talk slides", "pitch deck", "tech sharing", "technical presentation".★ 8.6k GitHub starsSkillProfessional logo and brand-mark designLogo designkaankiziltug/logo-design-skill · by kaankiziltugProfessional logo and brand-mark design, from brief to production files. Guides discovery and the design brief, concept generation, choosing a mark type (wordmark, monogram, letterform, pictorial, abstract, emblem, mascot, combination), building clean geometric SVG logos, optical refinement, colour and typography, testing (16 px, one-colour, reversed, shelf test), client presentation, delivery variants and brand guidelines. Includes a searchable library of 1,400+ real-world SVG logos classified by type, technique, geometry and industry, plus scripts that audit SVGs and generate test sheets, presentation boards and export variants. Use this skill whenever the user wants a logo, logotype, wordmark, monogram, brand mark, symbol, app icon or favicon designed, redesigned, refreshed, critiqued or compared; asks for logo ideas or concepts; needs a design brief, logo guidelines, lockups or an identity system; or mentions branding a new company, product, app or project — even if they don't say the word "logo".★ 2.8k GitHub starsSkillDraws a code change or partPR Lenscoldteadotai/pr-lens · by coldteadotaiWHAT: Draws a code change or part of a codebase as an animated architecture or data-flow diagram, on its own or in a pull request. WHEN: asked to diagram, visualise or explain a change or a system, or when a pull request should carry a diagram. KEYWORDS: PR Lens, diagram, architecture, data flow, visualise, visualize, pull request★ 1.9k GitHub stars

More from wshobson

SkillMaster C/.NET backend development patterns for buildingwshobson/agents · by wshobsonMaster C#/.NET backend development patterns for building robust APIs, MCP servers, and enterprise applications. Covers async/await, dependency injection, Entity Framework Core, Dapper, configuration, caching, and testing with xUnit. Use when developing .NET backends, reviewing C# code, or designing API architectures.★ 39.9k GitHub starsSkillImplement WCAG 2.2 compliant interfaces with mobileAccessibility compliancewshobson/agents · by wshobsonImplement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when auditing accessibility, implementing ARIA patterns, building for screen readers, or ensuring inclusive user experiences.★ 39.9k GitHub starsSkillMaster Material Design 3 and Jetpack Compose patternsAndroid Mobile Designwshobson/agents · by wshobsonMaster Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's Material Design guidelines.★ 39.9k GitHub starsSkillMigrate from AngularJS to Angular using hybrid modeAngular migrationwshobson/agents · by wshobsonMigrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and dependency injection updates. Use when upgrading AngularJS applications, planning framework migrations, or modernizing legacy Angular code.★ 39.9k GitHub starsSkillUnderstand anti-reversing, obfuscationAnti reversing techniqueswshobson/agents · by wshobsonUnderstand anti-reversing, obfuscation, and protection techniques encountered during software analysis. Use this skill when analyzing malware evasion techniques, when implementing anti-debugging protections for CTF challenges, when reverse engineering packed binaries, or when building security research tools that need to detect virtualized environments.★ 39.9k GitHub starsSkillBuild production Apache Airflow DAGs with best practicesApache Airflow DAG Patternswshobson/agents · by wshobsonBuild production Apache Airflow DAGs with best practices for operators, sensors, testing, and deployment. Use when creating data pipelines, orchestrating workflows, or scheduling batch jobs.★ 39.9k GitHub stars