frontend-slides
作成者 affaan-mfrontend-slidesは、ゼロからアニメーション豊かなHTMLプレゼンテーションを作成したり、PowerPointファイルを変換したりするのに役立ちます。講演、ピッチデック、ワークショップ、社内デモ、そしてUI Design向けのfrontend-slidesで、見た目の検討を重視したいとき、ブラウザ出力をゼロ依存で使いたいとき、1つのビューポートに収まるスライドが必要なときに、このfrontend-slidesスキルを使ってください。
このスキルは82/100点で、Agent Skills Finderに掲載する候補として十分に有望です。ディレクトリ利用者にとって、プレゼン資料の作成や変換にすぐ使える、用途が明確なスキルになっており、一般的なプロンプトよりも運用の手がかりが多いため、迷いを減らせます。
- 新規デッキ作成、PPT/PPTX変換、プレゼンの仕上げに向けた起動シナリオが明確
- ゼロ依存の出力、ビューポートへの必須フィット、製品品質レベルの期待値など、運用上の制約がはっきりしている
- ワークフロー節と、CSSベースやプリセット選択に使えるSTYLE_PRESETS参照により、段階的に理解しやすい
- インストールコマンドや補助スクリプト／リソースがなく、導入はSKILL.mdの内容に大きく依存する
- リポジトリ抜粋ではルールは明確だが、手順を追った具体例は限られているため、初回利用者は解釈が必要になる場合がある
frontend-slides skill の概要
frontend-slides skill でできること
frontend-slides skill は、ブラウザで動くアニメーション豊富な HTML プレゼンテーションを、ゼロからでも .ppt/.pptx からの変換でも作成できるようにします。フルアプリを作ったり、汎用的なスライドテンプレートに頼ったりせず、洗練されたプレゼン資料を仕上げたい人に向いています。frontend-slides skill の最大の価値は、素早いビジュアル探索にあります。最初からスタイルを固定せず、デザインを個性的でプレゼン向きのレイアウトへと自然に寄せていけます。
どんな人に最適か
frontend-slides skill は、登壇資料、ピッチデッキ、ワークショップ用スライド、社内デモ、そしてモーション・タイポグラフィ・レイアウトが重要なあらゆるスライドセットに向いています。特に、要件は説明できるが具体的な見た目まではまだ固まっていない非デザイナーに有用です。一方で、厳格なブランド準拠が必要な標準的なコーポレート資料、編集可能な PowerPoint 出力、または一般的なオフィスソフト内で作成しなければならないスライドにはあまり向きません。
インストール前に押さえるべきこと
この skill の強みは、ブラウザ完結の配信、デフォルトで依存関係ゼロ、そして厳密なビューポート適合にあります。つまり、各スライドが画面いっぱいに収まり、内部スクロールを発生させない自己完結型の HTML 出力に最適化されています。frontend-slides skill で、コンパクトでインパクトの強いスライドを、きれいなモーションと予測しやすいレンダリングで作りたいなら、この skill は適しています。大きな本文、スピーカーノートを主役にした構成、複数ファイルから成る Web アプリに依存するワークフローなら、結果を調整する必要があります。
frontend-slides skill の使い方
frontend-slides のインストールとセットアップ
skill は npx skills add affaan-m/everything-claude-code --skill frontend-slides でインストールします。インストール後は、まず skills/frontend-slides/SKILL.md を開き、その後で何かを生成する前に STYLE_PRESETS.md を読んでください。後者は任意ではありません。ビューポート安全性を前提にした基本 CSS、スライド密度の上限、プリセットの使い分け、そして「見た目だけでなく実用性を保つ」ための CSS ルールが入っています。
良いプロンプトの書き方
優れた frontend-slides プロンプトは、プレゼンの役割、対象 аудит? Need Japanese only. We need avoid typo. Let's craft full final.