首页 / AI Trending / zarazhangrui/frontend-slides

zarazhangrui/frontend-slides

⭐ 13,766 Stars 🍴 1,043 Forks Shell —

利用 Claude Code 创建美观的网页演示文稿，无需 CSS 或 JavaScript 知识。

来源：据 README 描述 查看 GitHub 仓库 →

为什么值得关注

该项目解决了非设计师创建美观网页演示文稿的痛点，填补了无需专业知识即可制作高质量演示文稿的空白。它采用零依赖的单文件结构，提供丰富的视觉样式和 PPT 转换功能，具有独特的技术选择。

来源：综合 README 描述和项目特征

核心功能

零依赖

使用单 HTML 文件和内联 CSS/JS，无需 npm、构建工具或框架。

来源：据 README 描述
视觉风格发现

提供视觉预览，让用户从生成的样式中选择，无需描述设计偏好。

来源：据 README 描述
PPT 转换

将 PowerPoint 文件转换为网页演示文稿，保留所有图像和内容。

来源：据 README 描述

技术架构

项目采用渐进式披露设计模式，主 `SKILL.md` 文件提供核心工作流程和规则，支持文件按需加载。模块划分清晰，数据流转通过文件加载和执行脚本实现。关键技术决策包括零依赖设计和渐进式披露。

来源：代码目录结构 + README 描述

技术栈

infra: Node.js + Vercel  |  key_deps: python-pptx, Vercel, Playwright  |  language: CSS  |  framework: 无

来源：代码目录结构 + README 描述

快速上手

安装： /plugin marketplace add zarazhangrui/frontend-slides /plugin install frontend-slides@frontend-slides 手动安装： mkdir -p ~/.claude/skills/frontend-slides/scripts cp SKILL.md ... ~/.claude/skills/frontend-slides/ 使用： /frontend-slides
来源：README Installation/Quick Start

使用场景

适合非设计师创建演示文稿，适用于需要快速制作高质量演示文稿的场景，如商业演讲、教育课程、产品展示等。

来源：README

优势与局限

优势

  • 优势1：无需专业知识即可创建美观的演示文稿
  • 优势2：零依赖，易于部署和分享
  • 优势3：提供丰富的视觉样式和 PPT 转换功能

局限

  • 局限1：功能相对单一，可能无法满足复杂演示文稿的需求
  • 局限2：依赖于 Claude Code 平台
来源：综合 README、代码结构和依赖分析

最新版本

v2.0.0 (2026-03-04)：重构技能以减少上下文冗余。

来源：GitHub Releases

总结评价

该项目对于需要快速创建美观演示文稿的非设计师来说是一个很好的选择，适合个人或小型团队使用，特别是那些依赖于 Claude Code 平台的用户。

来源：综合分析
透明度声明
本页内容由 AI（大语言模型）基于以下公开材料自动生成：GitHub README、代码目录结构、依赖文件、Release 信息。 分析时间：2026-04-09 06:31。质量评分：85/100。 所有结论均标注了数据来源。如发现不准确之处，欢迎反馈。

数据来源： README、GitHub API、依赖文件