Deck Visual Asset Manager

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 →
SkillAnimated Slide Deck Builderzarazhangrui/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 starsSkillSVG Diagram CreatorJimLiu/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 starsSkillVisual 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 Presentation 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 starsSkillLogo Designerkaankiziltug/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 starsSkillPR 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

Skill.NET Backend Developerwshobson/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 starsSkillWCAG 2.2 Implementationwshobson/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 starsSkillMaterial Design 3 & Composewshobson/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 starsSkillAngularJS to Angular Upgradewshobson/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 starsSkillReverse Engineering Defensewshobson/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 starsSkillApache Airflow DAG Builderwshobson/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