ericgandrade/ava-pptx
skills/ava-pptx/SKILL.md
This skill should be used when the user needs to create a PowerPoint presentation, deck, slides, or pitch following official Ava brand guidelines. Trigger for "create a deck", "make slides", "build a presentation", "prepare a pitch", "present to client", "quarterly deck", or any request to generate .pptx files. This skill knows the exact colors, fonts, layouts, wave decorations, and logo placement from the Ava Standard PowerPoint template and produces client-ready, on-brand output.
$ install --global
skillsauthnpx skillsauth add ericgandrade/claude-superskills ava-pptxInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 1, 2026, 3:48 AM209.3s6 files scanned
SKILL.md
- name:
- ava-pptx
- description:
- This skill should be used when the user needs to create a PowerPoint presentation, deck, slides, or pitch following official Ava brand guidelines. Trigger for "create a deck", "make slides", "build a presentation", "prepare a pitch", "present to client", "quarterly deck", or any request to generate .pptx files. This skill knows the exact colors, fonts, layouts, wave decorations, and logo placement from the Ava Standard PowerPoint template and produces client-ready, on-brand output.
- license:
- MIT
Avanade PPTX Skill
You are building a fully branded Avanade PowerPoint presentation using pptxgenjs. Every slide must respect the Avanade visual identity exactly as described here. No improvisation on colors or fonts.
Step-by-step workflow
- Understand the request — clarify topic, audience, number of slides, and confidentiality level
- Read
references/brand-guidelines.mdfor full color/font/layout specs before writing any code - Read the pptx skill (search for
pptxgenjs.mdin the installed skills, e.g.~/.claude/skills/pptx/pptxgenjs.md) for pptxgenjs syntax - Use
scripts/avanade_base.jsas your starting point — copy it and extend it - Build the presentation slide by slide, using the layout catalogue below
- QA: Convert to images and visually inspect (see pptx skill for QA workflow)
- Save to
/Users/avanade/Desktop/Marketing/and provide computer:// link
Brand Snapshot (memorize these)
FONT: Segoe UI (all weights)
SLIDE SIZE: LAYOUT_16x9 (10" × 5.625")
COLORS — never use # prefix in pptxgenjs:
ORANGE: FF5800 ← Avanade Primary (Solar)
DARK_ORANGE: DC4600 ← Secondary orange (Pantone 159)
YELLOW: FFD700 ← Solar Yellow (Luminous Primary)
RED_ORANGE: B43C14 ← Flame (gradient mid-dark)
DEEP_PURPLE: 870032 ← Gradient end (Thermal/deep)
DARK_GRAY: 333333 ← Body text on light backgrounds
MED_GRAY: 666666 ← Secondary text / page numbers
WHITE: FFFFFF
LIGHT_ORANGE_BG: FFF0E8 ← Very light orange tint (callout boxes)
GRADIENT DIRECTION: Orange → Red → Purple (left-to-right or top-to-bottom)
Consistent Elements on EVERY Slide
Add these to every slide without exception:
| Element | Position | Style |
|---------|----------|-------|
| Avanade logo | x:0.3, y:0.2, w:1.5, h:0.4 | White on dark/gradient; color PNG on white bg |
| "Do what matters" | x:6.5, y:0.25, w:3.2, h:0.3 | Segoe UI Semibold 12pt; white on dark, orange FF5800 on white |
| Copyright footer | x:2.5, y:5.3, w:5, h:0.2 | "©2026 Avanade Inc. All Rights Reserved." gray 999999 7pt center |
| Page number | x:9.4, y:5.3, w:0.4, h:0.2 | gray 999999 8pt right |
Logo image paths (use whichever fits):
- White PNG logo: embed from
scripts/logo_white.png(for dark/gradient backgrounds) - Color PNG logo: embed from
scripts/logo_color.png(for white backgrounds) - Fallback: render "avanade" text in Segoe UI Bold if image unavailable
Layout Catalogue
Read references/brand-guidelines.md for exact coordinates. Below is the decision guide:
1. COVER — gradient full background
Use for: first slide, executive summary intro, major section openers
- Full-slide gradient background (orange FF5800 → purple 870032, left-to-right)
- White logo + white "Do what matters" top area
- Wave decoration (see brand-guidelines.md for SVG paths)
- Title: Segoe UI Bold 44pt WHITE, bottom-left area (x:0.5, y:3.2)
- Subtitle: Segoe UI Semibold 20pt WHITE, below title
2. SECTION DIVIDER — gradient or solid orange
Use for: chapter breaks, major topic transitions
- Full orange or orange gradient background
- Wave decoration at bottom
- Large heading only: Segoe UI Bold 40pt WHITE
- Subheading: Segoe UI Semibold 18pt WHITE
3. CONTENTS / AGENDA — numbered grid
Use for: table of contents, agenda, overview
- White background with orange-number grid
- Numbers: Segoe UI Bold 28pt ORANGE (FF5800)
- Section headings: Segoe UI Bold 14pt DARK_GRAY
- Subheadings: Segoe UI Regular 12pt MED_GRAY
- Wave decoration in lower third (orange tones)
- Logo/footer at bottom as usual
4. CONTENT + IMAGE LEFT — split layout
Use for: feature explanations with visual support
- Left 40%: photo/image panel with orange strip accent
- Right 60%: white content area
- Slide title: Segoe UI Bold 22pt DARK_GRAY, top-right area
- Body: Segoe UI Regular 14-16pt DARK_GRAY
- Wave at bottom
5. CONTENT + IMAGE RIGHT — split layout (mirrored)
Use for: same as above, alternating for visual variety
6. FULL-BLEED IMAGE — image as background
Use for: impactful moments, quotes, transition slides
- Image fills full slide
- Orange wave/logo lines overlaid on top of image
- Title: Segoe UI Bold 28pt WHITE, bottom-left
- Subtitle: Segoe UI Semibold 16pt WHITE
7. TEXT CONTENT — white background with wave decoration
Use for: detailed content, bullet lists, body-heavy slides
- White background
- Orange wave decoration in lower third
- Title: Segoe UI Bold 24pt DARK_GRAY
- Body: Segoe UI Regular 16pt DARK_GRAY
8. TWO-COLUMN — content comparison
Use for: before/after, pros/cons, side-by-side comparison
- White background
- Two equal columns, orange vertical divider or card treatment
- Column headers: Segoe UI Semibold 18pt ORANGE
- Body: Regular 14pt DARK_GRAY
9. NUMBERED POINTS — large numbered list
Use for: key takeaways, steps, top-N lists
- Large numbers (Segoe UI Bold 48-60pt) in DARK_GRAY or ORANGE
- Heading per item: Segoe UI Bold 18pt ORANGE
- Paragraph: Regular 13pt DARK_GRAY
10. CLOSING / THANK YOU — gradient, similar to cover
Use for: final slide
- Same gradient as cover
- "Thank you" or key call-to-action
- Avanade logo + Do what matters tagline
- Optional: presenter contact info
Confidentiality Watermark
Add to footer if requested:
- "< Confidential >" or "< Highly Confidential >" — append to copyright string
Wave Decoration
The Avanade "logo lines" are organic wave shapes in orange/red/yellow gradient. Since pptxgenjs doesn't support gradients natively, render them as SVG embedded as base64 image.
The scripts/avanade_base.js file includes a getWaveSVG(theme) function.
Use theme: 'orange' for white-background slides, theme: 'gradient' for dark slides.
Quality Checklist (before delivery)
- [ ] All text in Segoe UI (not Arial, not Calibri)
- [ ] Orange is exactly
FF5800(notFF6600, notE85D00) - [ ] Logo appears on every slide
- [ ] "Do what matters" appears on every slide
- [ ] Footer copyright on every slide
- [ ] Page numbers correct
- [ ] No lorem ipsum placeholder text remains
- [ ] Gradient slides use white text only
- [ ] White slides use DARK_GRAY (
333333) for body text - [ ] Wave decoration present on content slides
Reference Files
references/brand-guidelines.md— full color specs, exact font sizes, layout coordinatesscripts/avanade_base.js— base pptxgenjs script to copy and extend
Read references/brand-guidelines.md before starting any presentation.
Related Skills
ericgandrade/obsidian-frontmatter
testing
VerifiedTrustedCommunity
This skill should be used when the user needs to create, validate, standardize, or repair YAML frontmatter properties in Obsidian notes. Use when the user wants to add or update tags, aliases, dates, custom properties, or any metadata fields in the Properties panel of an Obsidian note.
31SKILL.mdUpdated May 1, 2026
ericgandrade/obsidian-canvas
development
VerifiedTrustedCommunity
This skill should be used when the user needs to create or edit an Obsidian Canvas — a freeform visual workspace that arranges notes, cards, links, images, and web content on an infinite canvas. Use when the user wants to map ideas spatially, build a knowledge dashboard, sketch a concept cluster, or create a visual workspace linking multiple Obsidian notes.
31SKILL.mdUpdated May 1, 2026
ericgandrade/obsidian-automation
tools
VerifiedTrustedCommunity
This skill should be used when the user wants to automate repetitive Obsidian tasks using the Obsidian CLI, shell commands, or scripted workflows. Use when the user needs to batch-create notes, bulk-update frontmatter, run vault maintenance tasks, open specific notes in Obsidian, navigate the vault programmatically, or integrate Obsidian with external tools.
31SKILL.mdUpdated May 1, 2026
ericgandrade/mermaid-diagram
development
VerifiedTrustedCommunity
This skill should be used when the user needs to create, edit, or convert a diagram into Mermaid syntax. Use when the user asks for a flowchart, sequence diagram, class diagram, state diagram, entity-relationship diagram, mindmap, Gantt chart, or any other diagram type that Mermaid supports. Outputs a ready-to-render Mermaid code block.
31SKILL.mdUpdated May 1, 2026