# op7418/guizang-ppt-skill **Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/op7418-guizang-ppt-skill).** 17,621 stars · 1,285 forks · HTML · AGPL-3.0 ## Links - GitHub: https://github.com/op7418/guizang-ppt-skill - awesome-repositories: https://awesome-repositories.com/repository/op7418-guizang-ppt-skill.md ## Topics `ai-agent` `claude-code` `codex` `html-deck` `image-generation` `ppt` `presentation` `skill` `skills` `swiss-design` `web-ppt` ## Description This project is an LLM-powered presentation generator and HTML slide deck framework designed to produce single-file presentations. It combines an AI-driven generation system with a playback engine that utilizes WebGL-accelerated rendering for high-performance visual storytelling. The system is distinguished by its focus on design system enforcement, utilizing a validator to ensure layouts adhere to specific typographic and structural rules. It includes a specialized AI visual asset pipeline that generates context-aware imagery and transforms raw screenshots into polished assets through programmatic scaling and themed background framing. The framework covers a broad range of capabilities, including editorial layout design, multi-platform social media asset production, and hardware-aware performance optimization that toggles animation fidelity based on device capabilities. It also provides tools for layout integrity validation and the application of curated color themes across various structural page skeletons. ## Tags ### Content Management & Publishing - [Template-Driven Generation Engines](https://awesome-repositories.com/f/content-management-publishing/template-driven-generation-engines.md) — Produces single-file slide decks by injecting content into a library of structural skeletons and theme presets. - [Editorial Layout Systems](https://awesome-repositories.com/f/content-management-publishing/authoring-editorial-interfaces/editorial-typography/editorial-layout-systems.md) — Applies structured grid systems and typographic rules to create magazine-style layouts. - [Social Media Cover Generators](https://awesome-repositories.com/f/content-management-publishing/social-media-cover-generators.md) — Generates visual covers in multiple aspect ratios based on a single set of content for different social platforms. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/README.md)) ### User Interface & Experience - [Presentation Decks](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/slide-management-configuration/slide-content-authoring/presentation-decks.md) — Provides a single-file HTML presentation framework featuring editorial layouts and WebGL-accelerated rendering. - [Adaptive Presentation Runtimes](https://awesome-repositories.com/f/user-interface-experience/component-adapters/playback-engine-adapters/adaptive-presentation-runtimes.md) — Ships a playback engine that toggles between hardware-accelerated graphics and low-power modes. - [Grid Systems](https://awesome-repositories.com/f/user-interface-experience/grid-systems.md) — Uses rigid layout skeletons and Swiss-style typographic rules to organize visual elements. - [Page Layout Templates](https://awesome-repositories.com/f/user-interface-experience/page-layout-templates.md) — Uses a library of structural skeletons to build data dashboards, timelines, and comparison grids. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/SKILL.md)) - [Responsive Slide Adapters](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/navigation-flow-controllers/vertical-slide-stacks/responsive-slide-adapters.md) — Adapts raw captures into presentation assets using programmatic scaling and themed background canvases. ([source](https://github.com/op7418/guizang-ppt-skill#readme)) - [Presentation Layouts](https://awesome-repositories.com/f/user-interface-experience/presentation-layouts.md) — Organizes content into visual structures ranging from editorial magazine styles to rigid grid skeletons. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/README.en.md)) - [Design System Enforcement](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-system-specifications/design-system-enforcement.md) — Enforces visual rules for specific styles using grids, color accents, and typography. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/references/image-prompts.md)) - [Design System Implementations](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/design-utilities/design-systems/component-implementation-patterns/design-system-implementations.md) — Implements specific design languages like narrative or grid-locked styles using predefined templates. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/README.md)) - [Aesthetic Theme Implementations](https://awesome-repositories.com/f/user-interface-experience/aesthetic-theme-implementations.md) — Implements distinct aesthetic themes using specific typography and high-contrast colors. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/SKILL.md)) - [Animation Performance Optimizers](https://awesome-repositories.com/f/user-interface-experience/animation-optimization-tools/animation-performance-optimizers.md) — Maintains smooth playback on limited hardware by switching between high-fidelity graphics and static backgrounds. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/README.md)) - [Color Themes](https://awesome-repositories.com/f/user-interface-experience/color-themes.md) — Applies curated color palettes to ensure visual harmony and professional branding across pages. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/SKILL.md)) - [Aspect Ratio Constraints](https://awesome-repositories.com/f/user-interface-experience/constraint-layout-engines/aspect-ratio-constraints.md) — Ensures a seamless fit within slide containers by enforcing specific width-to-height proportions on visuals. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/references/image-prompts.md)) - [Graphics Performance Optimizations](https://awesome-repositories.com/f/user-interface-experience/performance-optimizers/graphics-performance-optimizations.md) — Manages WebGL graphics and animation fidelity to ensure smooth playback across different hardware. - [Multi-Ratio Asset Pipelines](https://awesome-repositories.com/f/user-interface-experience/presentation-frameworks/slide-management-configuration/multi-ratio-asset-pipelines.md) — Generates visual assets in various aspect ratios from a single source for social covers and presentation slides. ### Artificial Intelligence & ML - [Presentation Generators](https://awesome-repositories.com/f/artificial-intelligence-ml/artificial-intelligence-tooling/automated-content-generation/presentation-generators.md) — Utilizes LLMs to automatically transform content into structured HTML slide decks and visual assets. ### Part of an Awesome List - [Presentation Imagery Generation](https://awesome-repositories.com/f/awesome-lists/media/ai-image-generation/presentation-imagery-generation.md) — Produces context-aware photos, infographics, and mockups that match the language and aspect ratio of the project. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/README.md)) ### Development Tools & Productivity - [Presentation Visual Pipelines](https://awesome-repositories.com/f/development-tools-productivity/asset-pipelines/presentation-visual-pipelines.md) — Implements a specialized pipeline for producing context-aware imagery and formatted screenshots tailored to slide aspect ratios. - [Screenshot Utilities](https://awesome-repositories.com/f/development-tools-productivity/screenshot-utilities.md) — Transforms raw images using scaling and padding to integrate them into a professional design. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/SKILL.md)) ### Graphics & Multimedia - [AI Presentation Assets](https://awesome-repositories.com/f/graphics-multimedia/media-production-suites/graphics-media-assets/media-assets/video-content/visual-asset-generators/ai-presentation-assets.md) — Generates context-aware imagery and infographics tailored to specific aspect ratios for presentations. - [Fidelity Toggle Systems](https://awesome-repositories.com/f/graphics-multimedia/animation-motion/hardware-accelerated-engines/fidelity-toggle-systems.md) — Toggles between hardware-accelerated animations and low-power modes to ensure consistent performance across devices. ([source](https://github.com/op7418/guizang-ppt-skill#readme)) - [Screenshot Beautification Pipelines](https://awesome-repositories.com/f/graphics-multimedia/streaming-distribution/display-capture/display-screenshot-capture/post-capture-workflows/screenshot-beautification-pipelines.md) — Transforms raw screen captures into polished presentation assets using framing, scaling, and themed backgrounds. ### Software Engineering & Architecture - [Layout Validators](https://awesome-repositories.com/f/software-engineering-architecture/automatic-configuration/automatic-layout-engines/layout-validators.md) — Checks content against structural and typographic constraints to ensure adherence to the design system. - [Animation Fidelity Adapters](https://awesome-repositories.com/f/software-engineering-architecture/integration-extensibility/infrastructure-runtime-adapters/animation-fidelity-adapters.md) — Implements a runtime that toggles between WebGL animations and static fallbacks to ensure performance across different devices. ### Web Development - [Screenshot Generators](https://awesome-repositories.com/f/web-development/screenshot-generators.md) — Transforms raw captures into polished visuals using framing and scaling to match the presentation theme. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/references/image-prompts.md)) - [Screenshot Beautification Tools](https://awesome-repositories.com/f/web-development/screenshot-generators/screenshot-beautification-tools.md) — Processes raw captures by centering them on themed backgrounds with consistent ratios and shadows. ([source](https://github.com/op7418/guizang-ppt-skill/blob/main/references/screenshot-framing.md)) - [Static Presentation Generators](https://awesome-repositories.com/f/web-development/static-presentation-generators.md) — Creates high-performance, single-file HTML slide decks with predefined visual styles for storytelling. ([source](https://github.com/op7418/guizang-ppt-skill#readme))