<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>PPT on KnightLi Blog</title>
        <link>https://www.knightli.com/en/tags/ppt/</link>
        <description>Recent content in PPT on KnightLi Blog</description>
        <generator>Hugo -- gohugo.io</generator>
        <language>en</language>
        <lastBuildDate>Sat, 09 May 2026 08:34:23 +0800</lastBuildDate><atom:link href="https://www.knightli.com/en/tags/ppt/index.xml" rel="self" type="application/rss+xml" /><item>
        <title>From PPT to Prototypes: Use Cases for Guizang PPT Skill and Huashu Design</title>
        <link>https://www.knightli.com/en/2026/05/09/guizang-ppt-skill-huashu-design-agent-skills/</link>
        <pubDate>Sat, 09 May 2026 08:34:23 +0800</pubDate>
        
        <guid>https://www.knightli.com/en/2026/05/09/guizang-ppt-skill-huashu-design-agent-skills/</guid>
        <description>&lt;p&gt;Two design-oriented Agent Skills made by Chinese developers are worth looking at side by side: &lt;a class=&#34;link&#34; href=&#34;https://github.com/op7418/guizang-ppt-skill&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;guizang-ppt-skill&lt;/a&gt; by Guizang, and &lt;a class=&#34;link&#34; href=&#34;https://github.com/alchaincyf/huashu-design&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;huashu-design&lt;/a&gt; by Huashu.&lt;/p&gt;
&lt;p&gt;They are not “design tools” in the traditional sense. Instead, they turn a design process, aesthetic preferences, checklists, and engineering templates into Skills that an Agent can execute. You are not opening a UI and slowly dragging elements around. You hand the requirement to an Agent such as Claude Code, Codex, or Cursor, and let it generate HTML, PPT, animation, or prototypes through a fixed workflow.&lt;/p&gt;
&lt;p&gt;The value of these projects is not that they let AI improvise. It is that they turn “how to make this not look bad” into a repeatable process.&lt;/p&gt;
&lt;h2 id=&#34;guizang-ppt-skill-focused-on-magazine-style-web-ppt&#34;&gt;guizang-ppt-skill: focused on magazine-style web PPT
&lt;/h2&gt;&lt;p&gt;Guizang&amp;rsquo;s &lt;code&gt;guizang-ppt-skill&lt;/code&gt; has a clear positioning: it generates single-file HTML, horizontally paged PPTs with a visual baseline of “digital magazine x e-ink.” It feels more like a layout system prepared for talks than a general-purpose design framework.&lt;/p&gt;
&lt;p&gt;The repository README lists these core capabilities:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Single-file HTML output, with no build step or server required. Open it directly in a browser.&lt;/li&gt;
&lt;li&gt;Horizontal page navigation, with support for keyboard, mouse wheel, touch swipes, bottom dots, and an ESC index.&lt;/li&gt;
&lt;li&gt;5 preset theme palettes, including Ink Classic, Indigo Porcelain, Forest Ink, Kraft Paper, and Dune.&lt;/li&gt;
&lt;li&gt;10 page layouts, including opening cover, section divider, big-number data poster, text-left-image-right, image grid, Pipeline, suspense question, large quote, Before/After comparison, and mixed text-image layout.&lt;/li&gt;
&lt;li&gt;Built-in templates, component notes, layout skeletons, theme configuration, and quality checklists.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;It is suitable for offline sharing, internal industry talks, private salons, AI product launches, demo days, and presentation decks with a strong personal style. It is less suited to large tables, training courseware, or multi-person collaborative editing.&lt;/p&gt;
&lt;p&gt;This project makes a good tradeoff: it does not try to cover every design scenario, but narrows itself to “magazine-style PPT.” Theme colors are chosen from presets, and layouts have clear skeletons. That actually reduces the chance of the Agent drifting off course.&lt;/p&gt;
&lt;p&gt;If you often need to turn opinions, industry observations, or product launch content into a presentation deck, it can be highly practical.&lt;/p&gt;
&lt;p&gt;The install command is straightforward:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h2 id=&#34;huashu-design-a-fuller-html-native-design-workflow&#34;&gt;huashu-design: a fuller HTML-native design workflow
&lt;/h2&gt;&lt;p&gt;Huashu&amp;rsquo;s &lt;code&gt;huashu-design&lt;/code&gt; has broader coverage. Its goal is not just to make PPTs, but to treat HTML as a native design canvas and let an Agent produce deliverable design assets.&lt;/p&gt;
&lt;p&gt;The repository README lists these capabilities:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Clickable App or Web prototypes.&lt;/li&gt;
&lt;li&gt;HTML slides, plus editable PPTX export.&lt;/li&gt;
&lt;li&gt;Product launch animations, MP4, GIF, and versions with music.&lt;/li&gt;
&lt;li&gt;Multiple design directions shown side by side for comparison.&lt;/li&gt;
&lt;li&gt;Infographics, data visualizations, and PDF, PNG, SVG export.&lt;/li&gt;
&lt;li&gt;5-dimensional expert review, covering philosophical consistency, visual hierarchy, execution craft, functionality, and innovation.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Its core idea is to let the Agent understand the brand and assets first, then produce high-fidelity design. The project emphasizes a Core Asset Protocol: when dealing with a specific brand, first confirm the logo, product images, UI screenshots, color palette, fonts, and brand guidelines instead of guessing from memory.&lt;/p&gt;
&lt;p&gt;This matters. Many AI-generated designs look “like design,” but they do not look like a real product or brand. &lt;code&gt;huashu-design&lt;/code&gt; tries to solve that problem up front: find real assets first, then design.&lt;/p&gt;
&lt;p&gt;The install command is:&lt;/p&gt;
&lt;div class=&#34;highlight&#34;&gt;&lt;div class=&#34;chroma&#34;&gt;
&lt;table class=&#34;lntable&#34;&gt;&lt;tr&gt;&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code&gt;&lt;span class=&#34;lnt&#34;&gt;1
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;
&lt;td class=&#34;lntd&#34;&gt;
&lt;pre tabindex=&#34;0&#34; class=&#34;chroma&#34;&gt;&lt;code class=&#34;language-bash&#34; data-lang=&#34;bash&#34;&gt;&lt;span class=&#34;line&#34;&gt;&lt;span class=&#34;cl&#34;&gt;npx skills add alchaincyf/huashu-design
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;It is better suited to people who want to complete a fuller design delivery from the terminal: product prototypes, launch animations, presentations, infographics, and design reviews can all be handled inside one Agent workflow.&lt;/p&gt;
&lt;h2 id=&#34;the-biggest-difference-between-the-two&#34;&gt;The biggest difference between the two
&lt;/h2&gt;&lt;p&gt;In simple terms, &lt;code&gt;guizang-ppt-skill&lt;/code&gt; is a narrower and steadier presentation deck generator; &lt;code&gt;huashu-design&lt;/code&gt; is a broader and more complete HTML-native design system.&lt;/p&gt;
&lt;p&gt;If you only look at PPT:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;guizang-ppt-skill&lt;/code&gt; emphasizes magazine feel, rhythm, layout, and single-file browser presentations.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;huashu-design&lt;/code&gt; emphasizes general design capability, editable PPTX, brand assets, export paths, and review workflows.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;If you look at overall design capability:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;guizang-ppt-skill&lt;/code&gt; has clearer boundaries and is suitable for quickly making a stylish horizontal presentation.&lt;/li&gt;
&lt;li&gt;&lt;code&gt;huashu-design&lt;/code&gt; is more comprehensive and is suitable for breaking a product or brand design task into prototypes, animations, slides, and infographics.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;These two projects also represent two different ways to write Skills. The former is like a highly constrained set of templates and aesthetic rules. The latter is like a workflow manual for a small design team.&lt;/p&gt;
&lt;h2 id=&#34;why-this-kind-of-skill-matters&#34;&gt;Why this kind of Skill matters
&lt;/h2&gt;&lt;p&gt;A common problem with Agents is that they “can do it, but not consistently.” The same request may produce a strong result once, then drift into purple gradients, rounded cards, fake icons, and a pile of fancy-sounding empty copy the next time.&lt;/p&gt;
&lt;p&gt;Skills are a way to add stability. They lock down things such as:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Reusable templates.&lt;/li&gt;
&lt;li&gt;Executable checklists.&lt;/li&gt;
&lt;li&gt;Clear aesthetic preferences.&lt;/li&gt;
&lt;li&gt;Rules for avoiding common mistakes.&lt;/li&gt;
&lt;li&gt;Output formats and validation flows.&lt;/li&gt;
&lt;li&gt;When to ask questions and when to start directly.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;This is far more reliable than simply writing “please make it look more premium.”&lt;/p&gt;
&lt;p&gt;This is especially true for design tasks. Aesthetics cannot be reproduced reliably by a single prompt. What really helps is process: confirm assets first, decide the direction, build the structure, work on the visuals, then inspect the output. When this process is written as a Skill, the Agent becomes more like a collaborative executor rather than a one-shot image generator.&lt;/p&gt;
&lt;h2 id=&#34;usage-recommendations&#34;&gt;Usage recommendations
&lt;/h2&gt;&lt;p&gt;If you just want to turn a topic into an offline talk or sharing deck, try &lt;code&gt;guizang-ppt-skill&lt;/code&gt; first. Its output boundary is narrow, and single-file HTML is also easy to distribute and preview.&lt;/p&gt;
&lt;p&gt;If you want an Agent to take on a more complete design task, such as App prototypes, launch animations, branded slides, exportable PPTX, or infographics, look at &lt;code&gt;huashu-design&lt;/code&gt; first. Its workflow is longer and better suited to tasks that need multiple rounds of iteration and exported deliverables.&lt;/p&gt;
&lt;p&gt;If you are already writing your own Codex or Claude Code Skill, both projects are worth studying:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;To learn “how to make a narrow scenario stable,” look at &lt;code&gt;guizang-ppt-skill&lt;/code&gt;.&lt;/li&gt;
&lt;li&gt;To learn “how to break a complex workflow into executable protocols,” look at &lt;code&gt;huashu-design&lt;/code&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;summary&#34;&gt;Summary
&lt;/h2&gt;&lt;p&gt;What Guizang and Huashu have in common is that both turn “design capability” from a one-time prompt into a repeatable process.&lt;/p&gt;
&lt;p&gt;&lt;code&gt;guizang-ppt-skill&lt;/code&gt; focuses on magazine-style HTML PPT and works well for highly stylized presentations. &lt;code&gt;huashu-design&lt;/code&gt; focuses on an HTML-native design system covering prototypes, animations, slides, infographics, and reviews. The problem they solve is not “can AI generate design,” but “can AI generate deliverable design through a stable method.”&lt;/p&gt;
&lt;p&gt;This may become an important type of open-source project in the Agent tooling ecosystem: not just code templates, but packaged human experience, aesthetics, and working methods as Skills.&lt;/p&gt;
&lt;p&gt;Reference links:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/op7418/guizang-ppt-skill&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;op7418/guizang-ppt-skill&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a class=&#34;link&#34; href=&#34;https://github.com/alchaincyf/huashu-design&#34;  target=&#34;_blank&#34; rel=&#34;noopener&#34;
    &gt;alchaincyf/huashu-design&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</description>
        </item>
        
    </channel>
</rss>
