By huqianghui
All-in-one presentation toolkit for Cloud Solution Architects (Azure/AWS/GCP). Includes: csa-ppt (smart orchestrator with combined routing), azure-diagrams (700+ cloud icons, auto-detection), excalidraw-diagram (hand-drawn style, validation), frontend-slides (HTML presentations), pptx (OOXML PowerPoint), skywork-ppt (slide local operations). Covers customer demos, tech sharing, workshops, architecture reviews, and template filling.
Comprehensive technical diagramming toolkit for solutions architects, presales, and developers. Creates Azure architecture diagrams (700+ official Microsoft icons), business process flows (swimlanes, workflows), ERD diagrams (database schemas), project timelines, UI wireframes, and network topology diagrams. Perfect for proposals, documentation, and architecture reviews. Also generates diagrams from Bicep, Terraform, and ARM templates. IMPORTANT - When creating PPT/presentations that include cloud architecture content (Azure, AWS, GCP), this skill MUST be used to generate architecture diagrams with official cloud provider icons. Output PNGs can be embedded directly into slides via the pptx skill.
Unified presentation skill for Cloud Solution Architects. Orchestrates multiple specialized tools to create professional presentations, architecture diagrams, and technical content. Use this skill whenever the user mentions: creating slides, PPT, presentations, deck, 演示文稿, 幻灯片, architecture diagrams for slides, filling templates, customer demos, tech sharing, workshops, or any combination of diagrams + slides. Also trigger when the user provides a .pptx template to fill, asks to visualize cloud architectures (Azure, AWS, GCP, multi-cloud) in a presentation context, or needs Chinese-language slide content. This skill covers ALL presentation-related work — from a quick internal deck to a polished customer-facing solution demo with architecture diagrams.
Create Excalidraw diagram JSON files that make visual arguments. Use when the user wants to visualize workflows, architectures, or concepts with a hand-drawn or whiteboard aesthetic. IMPORTANT - When the user explicitly requests hand-drawn (手绘), sketch (草图), whiteboard, or conceptual diagrams for PPT/presentations, this skill MUST be used. It produces .excalidraw JSON + rendered PNG that can be embedded into slides. Use detect_excalidraw.py to identify slides needing this style and validate outputs.
Create 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.
AI image generation skill using Azure OpenAI GPT-image-2 model. Generates photorealistic illustrations, conceptual visuals, scene imagery, hero backgrounds, and custom icons for presentations. Use this skill when slides need visual storytelling beyond structural diagrams — cover art, industry scenario photos, abstract concept illustrations, product UI mockups, or decorative backgrounds. Complements azure-diagrams (architecture) and excalidraw-diagram (hand-drawn) by providing the "visual expression layer" that programmatic tools cannot produce. Supports Chinese/English/Japanese/Korean text rendering in images. Output: PNG files ready for embedding into slides via the pptx skill.
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
All-in-one presentation toolkit for Cloud Solution Architects (Azure / AWS / GCP).
Works with Claude Code, Cursor, GitHub Copilot CLI, OpenAI Codex CLI, Windsurf, and OpenCode.
| Skill | Description |
|---|---|
| csa-ppt | Smart orchestrator — analyzes your request and routes to the best tool chain |
| azure-diagrams | 700+ cloud icons (Azure/AWS/GCP), architecture diagrams, swimlane flows, ERDs, timelines |
| excalidraw-diagram | Hand-drawn style diagrams for brainstorming and conceptual visuals |
| gpt-image | AI image generation (Azure OpenAI GPT-image-2) — photorealistic illustrations, concept art, hero backgrounds |
| frontend-slides | Zero-dependency HTML presentations, great for Chinese content and code |
| pptx | Full OOXML-level PowerPoint creation and editing |
| skywork-ppt | Quick PowerPoint generation, template-based creation, and slide operations |
| planning-with-files | Task planning with file-based progress tracking for multi-slide decks |
The orchestrator 按需调度 sub-agents — not every agent is used every time. The orchestrator decides based on deck size and complexity:
| Agent | Phase | Role | When Dispatched |
|---|---|---|---|
| Research Agent | Phase 1 | Gathers cloud docs (Azure/AWS/GCP), features, case studies, industry context | Topics need web research |
| Diagram Agent | Phase 2 | Generates architecture diagrams and technical visuals | Deck includes architecture diagrams |
| Slide Builder Agent | Phase 3 | Builds individual slides, smart format selection per slide (parallelizable) | Large decks (10+ slides) |
| Assembly Agent | Phase 4 | Normalizes mixed formats + merges slides + diagrams into final deck | Multiple builders produced separate files |
| Review Agent | Phase 5 | Quality review across 7 dimensions, max 2 rounds | Always for 5+ slide decks |
| Fix Agent | Phase 5 | Applies targeted fixes from the review report | Review found issues |
Dispatch strategy by deck size:
| Deck Size | Orchestrator Does | Sub-Agents Handle |
|---|---|---|
| Small (< 5 slides) | Everything directly, quick self-check | — |
| Medium (5–10 slides) | Phase 1, 2, 4 | Slide Builder (Phase 3), Review + Fix (Phase 5) |
| Large (10+ slides) | Coordination only | All 6 agents, Slide Builders run in parallel |
Plan → Style Contract → Research → Diagrams → Slides → Assembly → Review → Fix → Deliver
Phase 1 Phase 2 Phase 3 Phase 4 Phase 5
Each presentation follows a 5-phase workflow:
本插件包含 4 种可视化生成能力,按「结构化 → 写实/艺术」光谱排列,各司其职、互不重叠:
结构化 ◄─────────────────────────────────► 写实/艺术
PptxGenJS azure-diagrams excalidraw-diagram gpt-image
(数据图表) (架构图) (概念手绘) (写实插画/场景)
▲ ▲ ▲ ▲
纯数据 技术架构 思维概念 视觉表达/氛围
需要什么类型的图?
├── 数值对比 / 趋势 / 占比 ──────► pptx(PptxGenJS 内置柱状图/饼图/折线图)
├── 云服务架构 (Azure/AWS/GCP) ──► azure-diagrams(700+ 官方图标)
├── 泳道流程 / 业务流程 ─────────► azure-diagrams(Graphviz 泳道)
├── 序列图 / 认证流程 ──────────► azure-diagrams(序列图模式)
├── ERD / 数据模型 ─────────────► azure-diagrams(ER 图)
├── 时间线 / 里程碑 ────────────► azure-diagrams(Timeline/Gantt)
├── 手绘 / 白板 / 概念草图 ────► excalidraw-diagram(手绘美学)
└── 以下场景用 gpt-image ──────►
├── 封面/标题页概念插画
├── 行业场景写实图(零售、工厂、医院、智慧城市)
├── 抽象概念可视化(零信任、云原生隐喻)
├── 产品 UI 概念图
├── 幻灯片背景/Hero 图
└── 多语言信息图
| 能力 | PptxGenJS | azure-diagrams | excalidraw-diagram | gpt-image |
|---|---|---|---|---|
| 柱状图/饼图/折线图 | 最佳 | — | — | — |
| 云架构图 (Azure/AWS/GCP) | — | 最佳 (700+ 图标) | — | — |
| 泳道/流程图 | — | 最佳 | 可用 | — |
| 手绘/白板风格 | — | — | 最佳 | — |
| ERD / 数据模型 | — | 最佳 | — | — |
| 时间线 / 甘特图 | — | 最佳 | 可用 | — |
| 写实场景插画 | — | — | — | 独有 |
| 概念艺术/封面图 | — | — | — | 独有 |
| 行业场景图像 | — | — | — | 独有 |
| 多语言嵌入文字图 | — | — | — | 独有 |
| 产品 UI 概念图 | — | — | — | 独有 |
| 幻灯片背景/Hero | CSS only | — | — | 独有 |
npx claudepluginhub huqianghui/csa-ppt-plugin --plugin csa-pptEvidence-based presentation creation with Slidev, enforced design guardrails, and multi-platform diagrams
AI-powered HTML presentation generator with 20 curated design presets, PPTX export, and Excalidraw diagrams
Professional presentation generator for HTML (with GSAP animations) and PPTX formats. Creates conference talks, pitch decks and tech presentations with curated style presets and validation.
End-to-end slide deck creation via RDIV workflow. Requires paperbanana plugin for image generation.
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Create polished, professional reveal.js presentations with themes, multi-column layouts, callout boxes, code highlighting, animations, speaker notes, and custom styling. Generates HTML + CSS with no build step required.