pathub.ai

Guizang HTML PPT Agent Skill

byop741811KGitHub starsGitHub

Generate HTML presentations with two distinct visual styles by this PPT Agent Skill, complete with image generation and multi-platform cover creation. Craft professional and visually appealing presentations in seconds.

pptSecurity scan passed

The Guizang HTML PPT Agent Skill empowers AI Agents to generate professional, single-file HTML presentations with ease. Designed for platforms like Claude Code and Codex, this skill streamlines the creation of visually compelling content, offering two distinct aesthetic systems: the narrative-focused Electronic Magazine style and the fact-driven Swiss Internationalism style. Users can quickly transform articles into engaging decks, produce detailed product analyses, and generate consistent multi-platform covers, all while maintaining high visual quality.

This skill stands out by delivering lightweight HTML output that's easy to share and view without complex setups. It integrates advanced capabilities such as AI-powered image generation through GPT-Image 2.0 / GPT-M 2.0 within Codex, allowing for context-aware visuals and infographics. Furthermore, it provides structured layouts and strict design principles, particularly for the Swiss style, ensuring a polished and consistent look across all generated content, from slides to social media covers.

Ideal for a range of scenarios, from internal talks and product launches to personal sharing and method presentations, the Guizang HTML PPT Agent Skill simplifies content creation workflows. It enables users to convert long-form content into concise presentations, enhance product screenshots to fit specific template ratios, and ensure a cohesive visual identity across all communication channels. The skill's focus on structured workflows and pre-defined visual rules ensures high-quality, aesthetically pleasing results with minimal effort.

Key features

What makes it powerful

  • Dual Visual Systems

    Choose between 'Style A: Electronic Magazine × E-ink' for narrative and personal expression, or 'Style B: Swiss Internationalism' for facts, product analysis, and methodologies, ensuring your message is conveyed effectively.

  • Single-File HTML Output

    Generate lightweight, self-contained HTML presentations that require no build process or server, making them easy to open, share, and demonstrate directly in any web browser.

  • AI Agent Compatibility

    Designed for Claude Code, Codex, and other AI Agents with shell access, allowing for seamless generation, modification, and iteration of HTML PPTs through natural language commands.

  • Codex Image Generation

    Integrate GPT-Image 2.0 / GPT-M 2.0 within Codex to generate high-quality, context-aware images, infographics, and UI scenarios, perfectly scaled and inserted into your slides.

  • Multi-Platform Cover Generation

    Automatically create consistent, visually unified covers for various platforms like WeChat Official Accounts (21:9, 1:1), Xiaohongshu (3:4), and Video Accounts (16:9) based on your presentation's core content.

Use cases

When to reach for it

  • Transform Articles into Presentations

    Convert long articles or documents into concise, engaging HTML PPTs for speeches, internal talks, or private sharing sessions, extracting core ideas and structuring them into a compelling narrative.

  • Create Professional Product Analyses

    Utilize the structured 'Style B: Swiss Internationalism' to present product analyses, methodologies, or AI product launches with a focus on facts, data, and clear visual communication.

  • Design Consistent Multi-Platform Content

    Generate a unified visual identity across your presentation, accompanying images, and various social media covers, ensuring brand consistency and impact across all your communication channels.

  • Enhance Screenshots for PPTs

    Redesign and adapt product screenshots to fit presentation templates, maintaining key information while achieving a consistent visual style suitable for professional HTML PPTs.