트렌딩 목록으로
HTML

op7418 / guizang-ppt-skill

프롬프트를 수평 스와이프 매거진 스타일 HTML 덱으로 변환하는 Claude Code 스킬 — 10가지 레이아웃, 5가지 엄선된 테마, WebGL 히어로 배경, 단일 파일 출력.

3.4K
351
약 2개월 전
GitHub에서 보기

이 프로젝트에 대해

op7418 님의 guizang-ppt-skill 프로젝트는 GitHub에서 3.4K개의 별을 받으며 많은 개발자들의 주목을 받고 있습니다. 특히 HTML 환경에서 유용하게 활용될 수 있으며, 최근 오픈소스 커뮤니티에서 활발한 기여와 토론이 이루어지고 있는 트렌딩 레포지토리입니다.

Language Breakdown

HTML 97%JavaScript 3%

🇰🇷 한국어 번역 README

캐시 히트

귀장 PPT 실력 · 웹 PPT / 配图 / 封면

🌏 영어 버전: README.en.md

一个适配 Claude Code / Codex 等 Agent 环境的网页 PPT 技能,用于生成单文件 HTML 横向翻页 PPT, PPT 配图和多平台封面。

内置两套视觉系统:

  • Style A: 电子杂志 × 电子墨水. 像 Monocle 贴上了代码,适合叙事、观点、分享、个人风格表达。
  • 스타일 B: 瑞士国际主义. 网格至上、单一高饱和锚点色、直角、发丝线、极致字号对比,适合事实、产品、分析、方法论表达。

由 歸藏 在"一人公司:被 AI 折叠的组织"、"一种新的工作方式"等线下分享中沉淀而成,踩过的每一个坑都写进了 'checklist.md'.

旧主题 · Style A 电子杂志风

新主题 · Style B 瑞士国际主义

30 秒开始

也可以直接把这段话发给有 shell 权限的 AI Agent:

已经安装过的话,用这段话更新:

安装后直接对 Agent 说:

也可以试这些请求:

效果

  • 🖋 双视觉系统:电子杂志风负责叙事,瑞士风负责事实表达
  • 📐 横向左右翻页:키보드 ← → / 滚轮 / 触屏滑动 / 底部圆点 / ESC 索引
  • 🧩 Style A 10 종류의 布局:封面、章节、数据大字报、图文、图片网格、Pipeline、对比等
  • 🧱 스타일 B 22 种锁定版式:Cover, Statement, KPI Tower, Loop Diagram, Duo Compare, Image Hero, Closing Manifesto 等
  • 🎨 주제색预设:Style A 5 套电子墨水主题,Style B 4 套瑞士高饱和锚点色
  • 🖼 Codex 可选配图流程:可用 GPT-Image 2.0 / GPT-M 2.0 生成纪实照片、信息图、流程图、系统关系图、UI 情景图,并按模板比例插入
  • 📰 多平台封面:可用同一套视觉规则生成公众号 21:9、公众号分享卡 1:1、小红书 3:4、视频号横版等封面
  • 📴 낮은 성능静态模式:按 'B' 可关闭 WebGL / canvas 动画,让动态内容退回静态背景
  • 📄 单文件 HTML:不需要构建、不需要服务器,浏览器直接打开

适合 / 不适合

** ✅ 合适**:线下分享 / 行业内部讲话 / 私享会 / AI 제품 发布 / demo day / 带强烈个人스타일的演讲

** ❌ 불합适**:대段表格数据 / 培训课件(信息密度不够)/ 需要多人协作编辑(静态 HTML)

常见使用场景

任务推荐方式
장글变演讲 PPT먼저 抽핵심 观点,再按 6-10 页节奏生成 deck
方法论 / 产品分析用 Style B 瑞士风,우선 사용锁定版式和 21:9 주图
个人分享 / 观点表达用 Style A 电子杂志风,保留更强叙事感
PPT 配图在 Codex 中用 GPT-Image 2.0 / GPT-M 2.0 生成사진, 信息图、流程图、UI 情景图
多平台封面从同一份内容生成公众号 21:9、1:1

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.

이 정보는 AI가 자동으로 분석한 결과입니다. 정확한 내용은 원문을 확인하세요.

op7418/guizang-ppt-skill GitHub 원문 바로가기 →