次号掲載予定 (2026-03-28号)
#183 146文字 • 1分

Claude Codeで美しいHTMLプレゼンテーションを作成する「frontend-slides」

原題: GitHub - zarazhangrui/frontend-slides: Create beautiful slides on the web using Claude's frontend skills

日本語

概要

Claude Codeを利用して、ビルドツール不要の洗練されたHTMLスライドを対話形式やPowerPoint変換から生成できるオープンソースツール。

詳細内容

frontend-slidesは、デザイナーではないユーザーでもClaude Codeとの対話を通じて高品質なWebプレゼンテーションを作成できるように設計されたツールセットです。最大の特徴は、npmやフレームワークなどの依存関係を一切持たず、単一のHTMLファイル(インラインCSS/JS)として完結する点にあります。ユーザーはClaudeに要望を伝えるだけで、12種類以上の洗練されたスタイルプリセット(Bold Signal, Swiss Modern等)からデザインを選択でき、既存のPPTXファイルからのコンテンツ抽出・変換もサポートしています。作成したスライドはVercelへのデプロイやPlaywrightによるPDF書き出しが可能で、「Vibe Coding」の思想に基づいた、シンプルかつ長期的に動作し続けるプレゼン制作環境を提供します。