Deep Comparison: Guizang PPT Skill vs Huashu Design
> Source: GitHub repositories (op7418/guizang-ppt-skill, alchaincyf/huashu-design) > Author: Xiaokai | Date: 2026-05-14
TL;DR
Guizang's guizang-ppt-skill is a vertical tool specialized in presentation decks — it produces single-file HTML horizontal-swipe decks using two strictly locked visual systems (electronic magazine + Swiss International Style). Huashu's huashu-design is an all-purpose design agent — covering PPT, app prototypes, animated videos, and infographics, with 20 built-in design philosophies and a 5-dimension critique system. One goes deep, the other goes wide; one is like a magazine editor, the other like a design studio.
1. Guizang: Electronic Magazine × Swiss International Style
Positioning
Distilled from Guizang's offline "one-person company" talks, the core assumption: a presentation deck is not an information container — it is an emotional vehicle. It rejects default "business PPT" aesthetics, aiming for *Monocle* magazine with code pasted on.
- GitHub Stars: 8.3k | License: MIT
- Output: single-file HTML (horizontal page-flip)
- Trigger keywords: "magazine-style PPT", "horizontal swipe deck", "electronic ink"
- Single-file HTML: CSS, WebGL shaders, page-flip JS, font/icon CDNs all inlined;
motion.min.js(~64KB) offline fallback; pressBfor low-performance static mode - Navigation: ← → keys, scroll, touch swipe, dot index, ESC overview; Motion One drives 5 entrance animation recipes
- Typography: Noto Serif SC + Playfair Display (titles), Noto Sans SC + Inter (body), IBM Plex Mono (metadata), Lucide icons (no emoji)
- GitHub Stars: 13.5K, Forks: 1.9K
- License: free for individuals; enterprise requires authorization (USD 1,800/yr or USD 3,500 one-time)
- Outputs: HTML / MP4 / GIF / editable PPTX / PDF / PNG / SVG
Two Locked Visual Systems
| Dimension | Style A: Magazine × E-Ink | Style B: Swiss International |
|---|---|---|
| Aesthetic source | *Monocle*, e-ink displays | Massimo Vignelli, Helvetica Forever |
| Layouts | 10 types | 22 locked layouts (S01–S22) |
| Theme colors | 5 presets | 4 anchor colors (IKB blue, lemon yellow, lemon green, safety orange) |
| Custom hex | ❌ Not allowed | ❌ Not allowed |
| Grid | Relatively free | 16-column grid, 1px hairlines, no shadows/gradients/rounded corners |
| Motion | WebGL fluid/contour backgrounds + Motion One transitions | Mostly static, strict layouts |
| Validation | checklist.md manual checks | validate-swiss-deck.mjs automatic validator |
> "Protecting the aesthetic matters more than giving freedom."
Both systems reject user-defined colors — a classic expert-system approach: the designer hard-codes aesthetic judgment into immutable rules.
Technical Implementation
Workflow (6 Steps)
1. Requirement clarification (6-question checklist)
2. Copy template (template.html or template-swiss.html)
3. Pre-check class names against template <style> definitions
4. Fill content from layouts.md skeletons
5. Optional images via Codex (GPT-Image 2.0 / GPT-M 2.0)
6. Self-check with checklist.md; run Swiss layout validator
Narrative arc template: Hook (1p) → Context (1–2p) → Core (3–5p) → Shift (1p) → Takeaway (1–2p).
Also generates multi-platform covers: WeChat header (21:9), share card (1:1), Xiaohongshu (3:4), video horizontal (16:9).
2. Huashu Design
Positioning
Originated from an observation: Claude Design is great, but users don't want to open any graphical UI. Huashu deconstructed Anthropic's Claude Design system prompt into a skill for Claude Code / Cursor / Codex / OpenClaw.
Five Deliverable Categories
| Category | Deliverable | Typical Time | Highlight |
|---|---|---|---|
| Interactive prototypes | Single-file HTML, clickable, Playwright-verified | 10–15 min | Pixel-accurate iPhone 15 Pro frame (Dynamic Island / Home Indicator) |
| Slides | HTML deck + editable PPTX (text boxes preserved) | 15–25 min | html2pptx.js reads DOM computed styles into real PowerPoint objects |
| Motion design | MP4 (25/60fps) + GIF + BGM | 8–12 min | Stage + Sprite time-slicing model |
| Design variants | 3+ parallel options with live parameter switching | 10 min | Parametric color/typography/density |
| Infographics | Print-grade layout, PDF/PNG/SVG export | 10 min | CSS Grid + text-wrap: pretty |
20 Design Philosophies
Five schools: Swiss International, Bauhaus Functionalism, Japanese Minimalism, Brutalism, New Ugly/Anti-Design. With vague briefs, the skill recommends 3 differentiated directions and generates demos in parallel.
Core Mechanisms
Core Asset Protocol (the hardest rule, inherited from Claude Design): Ask (6 asset types) → Search official channels → Download (3 fallback paths per asset) → Verify (never guess from memory) → Freeze into brand-spec.md. A/B testing: v2 with this protocol reduced stability variance 5×.
Junior Designer Workflow: write assumptions/placeholders/reasoning as HTML comments; show early (even gray boxes); iterate visibly; Playwright checks before delivery. Principle #0: Fact Verification First — WebSearch costs ~10 seconds; wrong assumptions cost 1–2 hours of rework.
5-Dimension Expert Critique: philosophical coherence, visual hierarchy, execution craft, functionality, innovation — each scored 0–10, radar-charted, with Keep/Fix/Quick Wins lists.
Animation engine: Stage + Sprite model with useTime / useSprite / interpolate / Easing; one-command MP4/GIF/60fps export with 6 built-in BGM tracks. 3D, physics simulation, and particle systems are out of scope.
Anti AI-Slop rules: bans blue-purple gradients, emoji icons, rounded corners with left-border accents, SVG human silhouettes, Inter as display font; promotes text-wrap: pretty, CSS Grid, curated serif display faces, oklch colors.
3. Head-to-Head Comparison
| Dimension | guizang-ppt-skill | huashu-design | |---|---|---| | Core goal | Presentation decks (emotional vehicle) | All-category design delivery | | Depth vs breadth | Extremely deep | Extremely wide | | Aesthetic philosophy | 2 locked systems | 20 open philosophies | | Constraint strength | Very strong | Moderate | | Output formats | Single-file HTML | HTML / MP4 / GIF / PPTX / PDF / PNG / SVG | | Offline capability | ✅ motion.min.js fallback | ❌ Depends on external services | | PPTX / MP4 export | ❌ | ✅ html2pptx.js / render-video.js | | Validation tools | ✅ Swiss layout validator | ❌ None automatic | | Multi-platform covers | ✅ WeChat / Xiaohongshu / video | ❌ Not mentioned | | Brand asset protocol | None | Core Asset Protocol (5-step hard process) |
Choose Guizang when: you need a speech deck (not prototypes), for internal audiences/demo days, with strong personal style, no brand assets to follow, and want web-based slides plus multi-platform covers.
Choose Huashu when: you need more than decks (prototypes, animation, infographics), have brand assets to follow, need editable PPTX for clients, want design variant comparisons, and have enterprise budget.
Choose neither when: you need real-time collaborative editing (use Google Slides / Figma), complex interactive data visuals (Observable / Flourish), formal investor-standard templates (Slidebean / Pitch), or zero learning curve (Gamma / Tome).
4. Anti-Hype Audit
Guizang's limitations: no multi-user collaboration (regenerate the whole file for one word change); explicitly unsuitable for dense tables/training material; 22 locked Swiss layouts risk template fatigue; image generation depends on paid external services.
Huashu's limitations: self-described "an 80-point skill beats a 100-point product" for GUI-averse users; HTML→PPTX is one-way (no dragging text boxes in Keynote); complex animation out of scope; brand-from-zero quality drops to 60–65 points; enterprise licensing (USD 1,800/yr) unfriendly to startups.
Shared problems: both assume agent environments (Claude Code / Cursor / Codex); both add cognitive overhead (class-name pre-checks, Core Asset Protocol); both underestimate cross-language migration cost — constraints like "Chinese headline ≤5 characters" don't apply in English contexts.
5. Key Insights
1. Design tools are migrating from GUI to conversation — skills are packaged structured prompts + asset templates + quality validation; users speak, agents deliver in 3–30 minutes. 2. PPT is the universal interface of knowledge work — "knowing PPT" is being redefined from mastering PowerPoint to prompting a magazine-grade deck in one sentence. 3. Future trajectories: deeper specialization (vertical style skills for legal/medical/education decks), broader cross-media output (3D, AR, voice), stricter automated quality loops, and heavier brand asset protocols as standard equipment.
References
1. https://github.com/op7418/guizang-ppt-skill 2. https://github.com/alchaincyf/huashu-design 3. Claude Design official documentation 4. Guizang offline talk "One-Person Company: Organizations Folded by AI" (2026-04-22) 5. YC Garry Tan "Thin Harness, Fat Skills" blog post