{"id":49658729,"url":"https://github.com/op7418/guizang-ppt-skill","last_synced_at":"2026-06-18T04:01:34.942Z","repository":{"id":353486797,"uuid":"1219042200","full_name":"op7418/guizang-ppt-skill","owner":"op7418","description":"A Claude Code Skill that turns prompts into horizontal-swipe magazine-style HTML decks — 10 layouts, 5 curated themes, WebGL hero backgrounds, single-file output.","archived":false,"fork":false,"pushed_at":"2026-05-10T17:31:06.000Z","size":141,"stargazers_count":6232,"open_issues_count":6,"forks_count":568,"subscribers_count":10,"default_branch":"main","last_synced_at":"2026-05-10T19:26:47.524Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/op7418.png","metadata":{"files":{"readme":"README.en.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-23T13:23:07.000Z","updated_at":"2026-05-10T19:20:08.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/op7418/guizang-ppt-skill","commit_stats":null,"previous_names":["op7418/guizang-ppt-skill"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/op7418/guizang-ppt-skill","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/op7418%2Fguizang-ppt-skill","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/op7418%2Fguizang-ppt-skill/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/op7418%2Fguizang-ppt-skill/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/op7418%2Fguizang-ppt-skill/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/op7418","download_url":"https://codeload.github.com/op7418/guizang-ppt-skill/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/op7418%2Fguizang-ppt-skill/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34475375,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-18T02:00:06.871Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-05-06T11:00:27.552Z","updated_at":"2026-06-18T04:01:34.935Z","avatar_url":"https://github.com/op7418.png","language":"HTML","funding_links":[],"categories":["Claude Code Skills","🔌 Custom Agent Skills \u0026 Plugins","📦 技能列表","Marketing \u0026 Content","AI Agent Frameworks \u0026 SDKs","A01_文本生成_文本对话","HTML","🧠 Agent Skills","⭐ 明星单项 Skills (Featured Standalone Skills)","Open-Source LLM \u0026 Agent Projects","Diagram and Visual Skills","🏆 القائمة الكاملة Top 200","Presentation"],"sub_categories":["设计与创意","工具类","Compliance \u0026 Auditing","Orchestration Frameworks","大语言对话模型及数据","架构演进：代码优先 (Code-First)"],"readme":"# Guizang PPT Skill · Web Decks / Images / Covers\n\n![GitHub stars](https://img.shields.io/github/stars/op7418/guizang-ppt-skill?style=flat-square)\n![License](https://img.shields.io/github/license/op7418/guizang-ppt-skill?style=flat-square)\n![Skill](https://img.shields.io/badge/Skill-Agent-111111?style=flat-square)\n![HTML Deck](https://img.shields.io/badge/HTML-Deck-0A7CFF?style=flat-square)\n![Claude Code](https://img.shields.io/badge/Claude%20Code-Supported-6B5B95?style=flat-square)\n![Codex](https://img.shields.io/badge/Codex-Supported-222222?style=flat-square)\n[![Supported by ZhenFund Token Grant](https://img.shields.io/static/v1?label=ZhenFund%20Token%20Grant\u0026message=Supported\u0026color=FF4D00\u0026style=flat-square)](https://zhenfund.feishu.cn/share/base/form/shrcn1lAANF659o7EpWnxlR1VOh?sessionid=)\n![360 Security Lobster Gold Sponsor](https://img.shields.io/static/v1?label=360%20Security%20Lobster\u0026message=Gold%20Sponsor\u0026color=1677FF\u0026style=flat-square)\n\nAn agent skill for Claude Code, Codex, and similar coding-agent environments. It generates **single-file HTML horizontal-swipe decks**, deck visuals, and social cover pages.\n\nIt ships with two visual systems:\n\n- **Style A: editorial magazine × electronic ink**. Picture *Monocle* with code stitched in. Best for narrative talks, opinions, salons, and personal voice.\n- **Style B: Swiss International Typographic Style**. Grid-first, one high-saturation anchor color, sharp rectangles, hairline rules, and extreme type contrast. Best for facts, products, analysis, and frameworks.\n\n\u003e Distilled by [Guizang](https://x.com/op7418) from offline talks like \"One-Person Company: Organizations Folded by AI\" and \"A New Way of Working.\" Every pitfall hit during those decks is logged in `checklist.md`.\n\u003e Sponsor and supporter details are listed in [SPONSORS.md](./SPONSORS.md).\n\n**Old Theme · Style A Editorial Magazine**\n\n![Style A Editorial Magazine preview](https://github.com/user-attachments/assets/5dc316a2-401c-4e37-9123-ea081b6ae470)\n\n**New Theme · Style B Swiss International**\n\n![Style B Swiss International preview](https://github.com/user-attachments/assets/8960e78c-69bb-4b7e-aa95-6fad64b70314)\n\n## 30-second start\n\n```bash\nnpx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill\n```\n\nOr paste this to an AI agent with shell access:\n\n```text\nInstall guizang-ppt-skill for me. Clone https://github.com/op7418/guizang-ppt-skill into ~/.claude/skills/guizang-ppt-skill, then verify that SKILL.md, assets/, and references/ exist.\n```\n\nIf you already installed it, update with:\n\n```text\nUpdate guizang-ppt-skill for me. Go to ~/.claude/skills/guizang-ppt-skill, run git pull, then tell me the latest commit.\n```\n\nThen ask your agent:\n\n```text\nCreate a Swiss-style deck from this article, around 7 slides, with 2-3 generated visuals.\n```\n\nOther useful prompts:\n\n```text\nTurn this Markdown file into an editorial magazine-style presentation.\nCreate a 21:9 social cover from the core idea of this deck.\nRedesign this product screenshot as a 16:10 slide visual.\n```\n\n## Sponsors and Supporters\n\n\u003ca href=\"./SPONSORS.md\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/5b0c22c8-aff4-4219-900d-6af8604c57a8\" alt=\"360 Security Lobster Gold Sponsor\" width=\"100%\"\u003e\n\u003c/a\u003e\n\nGuizang PPT Skill is supported by **360 Security Lobster** as Gold Sponsor and by [ZhenFund Token Grant](https://zhenfund.feishu.cn/share/base/form/shrcn1lAANF659o7EpWnxlR1VOh?sessionid=). See [SPONSORS.md](./SPONSORS.md) for details.\n\n## What you get\n\n- 🖋 **Two visual systems**: editorial storytelling for Style A, factual Swiss structure for Style B\n- 📐 **Horizontal swipe navigation**: ← → arrows / scroll wheel / touch swipe / bottom dots / ESC for index\n- 🧩 **Style A 10 layouts**: cover, divider, big numbers, image/text, image grid, pipeline, comparison, and more\n- 🧱 **Style B 22 locked layouts**: Cover, Statement, KPI Tower, Loop Diagram, Duo Compare, Image Hero, Closing Manifesto, and more\n- 🎨 **Curated theme presets**: 5 electronic-ink themes for Style A, 4 Swiss anchor-color themes for Style B\n- 🖼 **Optional Codex image flow**: generate documentary photos, infographics, flow diagrams, system maps, and UI scenes with GPT-Image 2.0 / GPT-M 2.0, then insert them at template-safe ratios\n- 📰 **Social covers**: generate 21:9 WeChat cover images, 1:1 share cards, 3:4 Xiaohongshu covers, video thumbnails, and related variants\n- 📴 **Low-power static mode**: press `B` to turn WebGL / canvas animation into static visuals\n- 📄 **Single HTML file** — no build, no server, open directly in the browser\n\n## Fits / Doesn't fit\n\n**✅ Fits**: offline talks, industry keynotes, private salons, AI product launches, demo day, presentations with strong personal voice\n\n**❌ Doesn't fit**: data-heavy tables, training decks (density too low), multi-user collaborative editing (static HTML)\n\n## Common use cases\n\n| Task | Recommended flow |\n|------|------------------|\n| Long article to talk deck | Extract the core argument, then build a 6-10 slide rhythm |\n| Framework / product analysis | Use Style B Swiss with locked layouts and 21:9 hero visuals |\n| Personal talk / opinion piece | Use Style A editorial magazine for stronger narrative rhythm |\n| Deck visuals | In Codex, generate photos, infographics, flow diagrams, system maps, or UI scenes |\n| Social covers | Generate 21:9 main covers, 1:1 share cards, 3:4 vertical covers, and video thumbnails from the same idea |\n| Screenshot normalization | Redesign raw screenshots into template-safe ratios before inserting them into slides |\n\n## Why HTML decks\n\n- **Agent-native editing**: HTML / CSS is plain text, so agents can read, edit, and validate it directly.\n- **Higher visual density than Markdown**: precise layout, positioning, motion, interactivity, and cover formats.\n- **Lightweight delivery**: one HTML file can be opened, presented, sent, screenshotted, or recorded.\n- **Better quality gates**: the Swiss validator can catch layout drift, unsafe image placement, centered body titles, and SVG text traps.\n- **One visual system across outputs**: decks, generated visuals, covers, and screenshot redesigns can share the same style rules.\n\n## Platform support\n\n| Platform | Status | Notes |\n|----------|--------|-------|\n| Claude Code | Supported | Native Skill workflow for creating and iterating HTML decks |\n| Codex | Supported | Good for deck generation, image generation, and browser-based visual QA |\n| Cursor / other local agents | Works | Requires filesystem access and shell execution |\n| WorkBuddy | In adaptation | Marketplace-ready version is being prepared separately |\n| Plain chatbot | Not recommended | Without filesystem and browser preview, full deck generation is hard to stabilize |\n\n## Install\n\n### Option 1: One-line install (recommended)\n\n```bash\nnpx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill\n```\n\n### Option 2: Paste this to an AI\n\n\u003e Install the `guizang-ppt-skill` Claude Code skill for me. Steps:\n\u003e\n\u003e 1. Make sure `~/.claude/skills/` exists (create if not)\n\u003e 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill`\n\u003e 3. Verify: `ls ~/.claude/skills/guizang-ppt-skill/` should show `SKILL.md`, `assets/`, `references/`\n\u003e 4. Tell me when done. Later, saying things like \"make me a magazine-style deck\" will trigger this skill.\n\nPaste the block above into Claude Code / Cursor / any AI agent with shell access and it handles the install.\n\n### Option 3: Manual CLI\n\n```bash\ngit clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill\n```\n\n### How to trigger it\n\nOnce installed, Claude Code auto-detects the skill. Trigger phrases:\n\n- \"Make me a magazine-style deck\"\n- \"Make me a Swiss-style deck\"\n- \"Generate a horizontal swipe deck\"\n- \"Editorial magazine style presentation\"\n- \"Electronic ink slides for my talk\"\n- \"Create a 21:9 WeChat cover from this article\"\n- \"Create a 1:1 share card from this deck\"\n\n## Workflow\n\nThe skill is a structured workflow; the agent walks you through each step:\n\n1. **Choose style** — Style A editorial magazine, or Style B Swiss International\n2. **Clarify intent** — 7-question checklist: style, audience, duration, source material, images/screenshots, theme, hard constraints\n3. **Copy template** — Style A uses `assets/template.html`; Style B uses `assets/template-swiss.html`\n4. **Fill content** — create a rhythm plan, then choose and adapt the matching layout skeletons\n5. **Optional image generation** — in Codex, ask whether to use GPT-Image 2.0 / GPT-M 2.0 images, then insert them at page-appropriate ratios\n6. **Self-check** — match against `references/checklist.md`; P0 issues must all pass; Swiss decks must also pass the layout validator\n7. **Preview** — open the HTML in a browser\n8. **Iterate** — use inline styles to tune font size, height, spacing\n\nFull spec in [`SKILL.md`](./SKILL.md).\n\n## Style B Swiss\n\nThe Swiss theme is a strict layout system, not just a CSS skin.\n\n- **22 named layouts**: body slides must use `S01` to `S22`; do not invent new structures\n- **4 anchor colors**: International Klein Blue, lemon yellow, lemon green, safety orange\n- **Grid lock**: 16-column grid, sharp rectangles, 1px hairlines, no shadows, no gradients, no rounded cards\n- **Chinese title scaling**: all-Chinese headlines should be one step smaller to preserve space for content and images\n- **Image/text bottom alignment**: text and image blocks should align at the bottom in left/right image layouts, while staying clear of pagination controls\n- **Image slots**: images must sit in template-defined `data-image-slot` regions, often generated at 21:9 or 16:10\n- **Hard validation**: the validator catches centered body titles, experimental layouts, visible SVG text, and images placed outside slots\n\nSwiss validation:\n\n```bash\nnode scripts/validate-swiss-deck.mjs path/to/index.html\n```\n\n## Codex Image Flow\n\nIn Codex, after the first deck draft is ready, the agent can ask whether the user wants generated visuals. Once confirmed, choose an image type or style. Common types include:\n\n- Documentary photos: Fuji / Leica-like real-world scenes that add human texture\n- Infographics / flow diagrams / comparison charts / system maps: for concepts that cannot be explained well with photos\n- Screenshot framing / screenshot redesigns: preserve raw screenshots with bundled background assets and a CleanShot X-style canvas first; use UI scene generation only when the screenshot needs reconstruction\n- Data posters / charts: turn key numbers into insert-ready visual assets\n- Multi-image compositions: useful for ultra-wide slots where three unrelated 16:9 images would break the grid\n\nGenerated images must follow four core rules:\n\n- Treat the image as an embedded asset, not a standalone slide: no footer, page bottom, title, page number, corner mark, signature, or decorative border\n- Match the deck language: Chinese decks use Chinese labels inside infographics, English decks use English labels\n- Match the slot ratio before generation: 21:9 for many Swiss hero slots, 16:9 / 16:10 for common main visuals, 16:10 for UI scenes, fixed equal heights for image grids\n- When a raw screenshot must stay faithful, read `references/screenshot-framing.md` first and use bundled `assets/screenshot-backgrounds/` backgrounds plus programmatic scaling, padding, and alignment instead of redrawing the screenshot by default\n\nImage prompts live in [`references/image-prompts.md`](./references/image-prompts.md). Screenshot framing lives in [`references/screenshot-framing.md`](./references/screenshot-framing.md).\n\n## Cover Generation\n\nThe skill can also turn an article or deck idea into platform covers:\n\n- **WeChat main cover**: 21:9, headline-first, with one visual anchor\n- **WeChat share card**: 1:1, visually paired with the 21:9 cover\n- **Xiaohongshu cover / carousel**: 3:4, large title, consistent type scale across a batch\n- **Video thumbnail**: 16:9, title + subtitle + one focal visual\n\nThe same rule applies: use a few strong keywords, keep the title as the visual center, and do not fill the canvas with body copy.\n\n## Example prompts\n\nCopy any of these prompts into your agent, then attach your article, Markdown file, or image assets:\n\n```text\nCreate an 8-slide Swiss-style deck from this article, with 3 generated visuals matched to the template image slots.\n```\n\n```text\nTurn this product analysis document into an editorial magazine-style deck with a strong narrative rhythm.\n```\n\n```text\nFrom this deck's core idea, create two covers: a 21:9 main cover and a visually paired 1:1 share card.\n```\n\n```text\nRedesign these product screenshots into consistent 16:10 slide visuals. Preserve key UI information; do not add slide titles or footers inside the images.\n```\n\n## Directory\n\n```\nguizang-ppt-skill/\n├── SKILL.md              ← main skill file: workflow, principles, common mistakes\n├── README.md             ← Chinese README\n├── README.en.md          ← this file\n├── assets/\n│   ├── template.html         ← Style A editorial magazine template\n│   ├── template-swiss.html   ← Style B Swiss template\n│   └── screenshot-backgrounds/ ← bundled WebP screenshot backgrounds: 5 style-a / 4 style-b\n├── scripts/\n│   └── validate-swiss-deck.mjs ← Swiss layout validator\n└── references/\n    ├── components.md     ← component catalog (type, color, grid, icons, callout, stat, pipeline)\n    ├── layouts.md        ← 10 layout skeletons (paste-ready)\n    ├── layouts-swiss.md  ← 22 locked Swiss layouts\n    ├── swiss-layout-lock.md ← Swiss fidelity and layout hard rules\n    ├── themes.md         ← 5 theme presets (pick, don't customize)\n    ├── themes-swiss.md   ← 4 Swiss anchor-color themes\n    ├── image-prompts.md  ← GPT-Image 2.0 / GPT-M 2.0 image types, ratios, and base prompts\n    ├── screenshot-framing.md ← CleanShot X-style screenshot framing semantics\n    └── checklist.md      ← quality checklist (P0 / P1 / P2 / P3 tiers)\n```\n\n## Theme presets\n\nPick from `references/themes.md`. **Custom hex values are not allowed** — protecting the aesthetic matters more than freedom of choice.\n\n### Style A Editorial Themes\n\n| Preview | Theme | Core colors and best for |\n|---------|-------|--------------------------|\n| \u003cimg src=\"https://github.com/user-attachments/assets/df21dbcb-5fe4-4852-a91a-a9cf00aceeb4\" width=\"260\" alt=\"Ink Classic theme preview\"\u003e | 🖋 **Ink Classic** | `#0a0a0b` / `#f1efea`. General default, commercial launches, when in doubt. |\n| \u003cimg src=\"https://github.com/user-attachments/assets/99ce0fd2-72a6-4368-a75a-a8e21657a537\" width=\"260\" alt=\"Indigo Porcelain theme preview\"\u003e | 🌊 **Indigo Porcelain** | `#0a1f3d` / `#f1f3f5`. Tech, research, AI, technical keynotes. |\n| \u003cimg src=\"https://github.com/user-attachments/assets/bcc1cc4c-5e8e-4467-ae8d-f5801ae73657\" width=\"260\" alt=\"Forest Ink theme preview\"\u003e | 🌿 **Forest Ink** | `#1a2e1f` / `#f5f1e8`. Nature, sustainability, culture, non-fiction. |\n| \u003cimg src=\"https://github.com/user-attachments/assets/dfea080e-e916-417e-93cd-0a3628de84ca\" width=\"260\" alt=\"Kraft Paper theme preview\"\u003e | 🍂 **Kraft Paper** | `#2a1e13` / `#eedfc7`. Nostalgic, humanist, literary, indie zines. |\n| \u003cimg src=\"https://github.com/user-attachments/assets/f3705592-9a72-4dbc-9818-df3aea61bc75\" width=\"260\" alt=\"Dune theme preview\"\u003e | 🌙 **Dune** | `#1f1a14` / `#f0e6d2`. Art, design, creative, fashion, gallery-like decks. |\n\nSwitching themes only requires replacing the 6 variables at the top of `template.html`'s `:root{}` block — all other CSS flows through `var(--...)`.\n\n### Style B Swiss Themes\n\nPick from `references/themes-swiss.md`. **Custom hex values are not allowed** here either.\n\n| Preview | Theme | Anchor color and best for |\n|---------|-------|---------------------------|\n| \u003cimg src=\"https://github.com/user-attachments/assets/c02d02f7-ce6f-4e16-b8a6-778c96851f94\" width=\"260\" alt=\"International Klein Blue Swiss theme preview\"\u003e | 🔵 **International Klein Blue** | `#002FA7`. Default, commercial launches, AI products, frameworks. |\n| \u003cimg src=\"https://github.com/user-attachments/assets/c310a8c4-5d28-450e-b49a-6ac5b6ba4785\" width=\"260\" alt=\"Lemon Yellow Swiss theme preview\"\u003e | 🟡 **Lemon Yellow** | `#FFD500`. Youth, sports, retail, consumer goods, Y2K retro. |\n| \u003cimg src=\"https://github.com/user-attachments/assets/65f7b3f9-3358-419e-b513-f7f2cc24ec76\" width=\"260\" alt=\"Lemon Green Swiss theme preview\"\u003e | 🟢 **Lemon Green** | `#C5E803`. Ecology, sustainability, health, Gen Z brands. |\n| \u003cimg src=\"https://github.com/user-attachments/assets/9c3319c9-a134-4657-9a56-211c23411f7f\" width=\"260\" alt=\"Safety Orange Swiss theme preview\"\u003e | 🟠 **Safety Orange** | `#FF6B35`. Alerts, news, industrial topics, sports, energetic themes. |\n\nIf the user asks for a Swiss-style deck without specifying color, default to International Klein Blue.\n\n## Core design principles\n\n1. **Restraint over flash** — WebGL backgrounds only bleed through on hero pages\n2. **Structure over decoration** — information hierarchy via type size + typeface + grid whitespace, not shadows or floating cards\n3. **Images are first-class citizens** — align them with the body content area, keep ratios stable, crop only from the bottom, and preserve top/sides\n4. **Generated visuals are assets** — keep only the core photo / chart / UI; do not render slide titles, footers, or corner marks inside the image\n5. **Rhythm lives on hero pages** — hero / non-hero alternation keeps the eye from fatiguing\n6. **Dynamic effects must be optional** — `B` toggles static mode so animation never becomes a reading burden\n7. **Terms stay consistent** — Skills is Skills; no mix-and-match translations\n8. **Swiss layouts stay locked** — Style B should restore and reuse the original 22-page layout system instead of inventing unrelated pages\n\n## Visual references\n\n- [*Monocle*](https://monocle.com) magazine layouts\n- YC Garry Tan — \"Thin Harness, Fat Skills\"\n- Massimo Vignelli / Helvetica Forever / Swiss International Typographic Style\n- Guizang's offline talk deck series\n\n## Roadmap\n\n- Add more real-world examples and openable HTML deck demos\n- Expand cover formats for more publishing platforms\n- Add more Swiss layout validation rules\n- Improve screenshot redesign and infographic generation workflows\n- Prepare marketplace-specific variants such as WorkBuddy\n- Add more curated theme packs while keeping custom colors restricted\n\n## FAQ\n\n**Can it export to PPTX?**\nThe main output is HTML. You can present it in a browser, screenshot it, or record it. PPTX conversion can be done as a separate workflow, but it is not the core path today.\n\n**Why are custom colors not allowed?**\nThe skill is designed for stable visual output. Arbitrary colors often break the system, so decks must use curated presets.\n\n**Can I add my own layout?**\nYes. Style A layouts can be extended in `references/layouts.md`. Style B is stricter: update `template-swiss.html`, `layouts-swiss.md`, `swiss-layout-lock.md`, and the validator together.\n\n**Is Codex image generation required?**\nNo. Decks work without generated images. The image flow is only used when you need photos, infographics, UI scenes, or covers.\n\n**How do I update the skill?**\nRun the install command again, or run `git pull` inside your local skill directory.\n\n## Contributing\n\nBugs, layout issues, new layout requests — Issues and PRs welcome. Prioritize:\n\n- Add new classes to `template.html` first; don't let `layouts.md` reference undefined classes\n- When changing `template-swiss.html`, update `layouts-swiss.md` and `swiss-layout-lock.md` together\n- When adding Swiss rules, update `scripts/validate-swiss-deck.mjs`\n- Log pitfalls into `checklist.md` at the matching P0 / P1 / P2 / P3 tier\n- New theme colors go into `themes.md` with a recommended use case\n\n## License\n\nAGPL-3.0 © 2026 [op7418](https://github.com/op7418)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fop7418%2Fguizang-ppt-skill","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fop7418%2Fguizang-ppt-skill","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fop7418%2Fguizang-ppt-skill/lists"}