Guizang PPT Skill: AI Agent for HTML Slide Decks

This is an open-source agent skill hosted on GitHub by op7418. You attach it to an AI agent workflow and it outputs complete HTML slide decks, not a PowerPoint file, but a self-contained web page you can open in a browser and present directly. The layouts are pre-designed in two styles, editorial magazine and Swiss grid, so the output looks intentional rather than default.

What makes it different from asking ChatGPT to write slide content is that it handles the visual structure too. It generates image prompts alongside the text, produces social-ready cover slides, and uses a WebGL-based runtime that stays light on older hardware. You are not just getting bullet points, you are getting a presentable artifact.

For operators who regularly produce pitch decks, client reports, internal briefings, or training materials, this cuts the gap between a rough outline and something you can actually show someone. Because it outputs HTML, you do not need PowerPoint or Google Slides licenses, and the files are easy to share as a link or attachment.

How teams can use it

Marketing manager

What for: Turning a campaign brief into a client-ready presentation

Outcome: A formatted HTML deck with a cover slide, campaign overview, channel breakdown, and timeline, ready to share as a link or screenshot for social

Build it in 5 steps:

1. Set up the Guizang PPT Skill inside a no-code agent builder such as Dify or Flowise by adding it as a tool.
2. Paste your campaign brief or bullet points into the agent chat as the input prompt.
3. Specify the layout style you want, for example editorial magazine, and the number of slides.
4. Let the agent run and download the HTML file it produces.
5. Open the file in a browser to review, then share the file or take screenshots for the client.

Where it gets complex: If you need to edit slide content or swap images after generation, a developer will need to touch the HTML.

Small business owner

What for: Creating a pitch deck for a bank loan or investor meeting

Outcome: A clean, structured deck covering the problem, solution, market, financials, and ask, without paying a designer

Build it in 5 steps:

1. Write a one-page summary of your business, the opportunity, and the numbers you want to show.
2. Connect the skill to an agent tool like n8n or use a hosted Dify workspace.
3. Feed the summary to the agent and ask it to produce a pitch deck in Swiss grid layout.
4. Review the HTML output in your browser and note any sections that need updated numbers.
5. Ask the agent to regenerate specific slides with corrected figures until the deck is accurate.

Where it gets complex: Custom branding such as your logo and brand colors will need a developer to add to the HTML template.

Training and development coordinator

What for: Converting a training document or policy update into a slide-based lesson

Outcome: A self-contained HTML presentation staff can open in any browser, with clear section breaks and a cover slide

Build it in 5 steps:

1. Copy the key points from your training document or policy into a structured outline.
2. Open your agent builder and attach the Guizang PPT Skill as an active tool.
3. Prompt the agent to build a training deck from the outline, specifying the audience and tone.
4. Download the HTML file and test it on the devices your staff will use.
5. Distribute the file by email or internal file share, no presentation software needed on the viewer's end.

Where it gets complex: If you need quiz questions, interactive elements, or SCORM packaging for an LMS, bring in an instructional design specialist.

Operations lead

What for: Producing a weekly or monthly performance summary deck for leadership

Outcome: A recurring HTML report deck built from structured data inputs, reducing time spent formatting slides each cycle

Build it in 5 steps:

1. Prepare a short text summary of the key metrics and highlights for the period.
2. Set up a recurring agent workflow in n8n that feeds the summary to the Guizang PPT Skill on a schedule.
3. Define a consistent prompt template so the layout and section order stay the same each week.
4. Review the generated HTML deck before the meeting and flag any figures that need correction.
5. Share the file link with leadership ahead of the meeting.

Where it gets complex: Pulling metrics automatically from a database or BI tool to feed the prompt will need a developer or a data integration specialist.

One caution

Output is HTML, not a native PowerPoint or Keynote file, so editing individual slides after generation requires basic HTML knowledge or a developer.