Communityコーディング&開発github.com

claude-office-skills/html-slides

HTMLスライドを生成・編集するためのスキル

html-slides とは?

このスキルは、Claude CodeなどのAIエージェントがHTMLスライドの生成と編集を効率的に行えるように設計されています。ユーザーが提供するコンテンツに基づいて、美しく構造化されたHTMLスライドプレゼンテーションを作成し、リアルタイムで編集やカスタマイズをサポートします。主にClaude Code環境で動作し、HTML、CSS、JavaScriptの知識を活用してスライドのレイアウト、スタイリング、アニメーション効果などを制御します。開発者やプレゼンターが、AIの支援を受けながら迅速にプレゼンテーション資料を作成するための便利なツールです。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/claude-office-skills/skills/tree/main/skills/html-slides

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

html-slides は何をしますか?

概要

このスキルは、AIエージェントがHTMLスライドの作成と編集を支援するためのツールです。ユーザーの指示に基づき、構造化されたスライドプレゼンテーションを生成し、カスタマイズを行います。

主な機能

  • スライド生成: ユーザーが提供するコンテンツから、HTMLベースのスライドを自動生成します。
  • 編集とカスタマイズ: 既存のスライドに対して、レイアウトの変更、スタイルの適用、アニメーションの追加などをサポートします。
  • エクスポート: 生成されたスライドは、標準的なHTMLファイルとして出力可能です。

サポート環境

  • Claude Code: 主な動作環境です。
  • その他のAIエージェント: Cursor、Codexなどでも利用可能ですが、動作確認はClaude Codeで行われています。

使用方法

  1. ユーザーがスライドのテーマやコンテンツを指定します。
  2. html-slides スキルが、その内容に基づいてHTMLスライドを生成します。
  3. 必要に応じて、スライドの編集やスタイル調整を依頼できます。

注意事項

  • スライドはシンプルなHTMLファイルとして生成されます。
  • 外部ライブラリやフレームワークに依存せず、自己完結型のコードを生成します。
  • 生成されたスライドは、現代のブラウザで正しく表示されます。

ライセンス

このスキルは、特定のライセンスのもとで提供されます。詳細については、各プロジェクトのライセンスファイルを参照してください。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

claude-office-skills/academic-search

Search and analyze academic literature. Find papers, understand research methodologies, and synthesize academic findings for research projects.

claude-office-skills/ads-copywriter

Multi-platform ad copy generation for Google Ads, Meta/Facebook, TikTok, LinkedIn with A/B testing variants

claude-office-skills/ai-agent-builder

Build AI agents with tools, memory, and multi-step reasoning - ChatGPT, Claude, Gemini integration patterns

claude-office-skills/airtable-automation

Airtable database automation - views, automations, integrations, and workflow triggers

claude-office-skills/ai-slides

Generate complete presentations with AI - from outline to polished slides

claude-office-skills/amazon-seller

Automate Amazon seller operations including inventory, orders, pricing, and advertising management

claude-office-skills/apple-shortcuts-integration

Create and trigger Apple Shortcuts for iOS/macOS automation and cross-platform workflows

claude-office-skills/applicant-screening

Screen job applications against requirements and score candidates

claude-office-skills/asana-automation

Automate Asana project management workflows, task tracking, team collaboration, and reporting

claude-office-skills/batch-convert

Batch convert documents between multiple formats using a unified pipeline

claude-office-skills/batch-processor

Process multiple documents in bulk with parallel execution

claude-office-skills/brand-guidelines-generator

Create and maintain brand style guides for consistent visual identity

claude-office-skills/browser-automation

Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright

claude-office-skills/calendar-automation

Google Calendar and Outlook automation - scheduling optimization, meeting workflows, time blocking, and Slack/Sheets integration

claude-office-skills/changelog-generator

Generate release notes from git commits, updates, or feature lists

claude-office-skills/chart-designer

Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.

claude-office-skills/chat-with-pdf

Answer questions about PDF content, summarize, and extract information

claude-office-skills/clickup-automation

Automate ClickUp workspace management, task workflows, time tracking, and team productivity

claude-office-skills/company-research

Conduct comprehensive company research and due diligence. Analyze business model, competitive landscape, management, and market position.

claude-office-skills/competitive-analysis

Analyze competitors systematically. Compare products, features, pricing, positioning, and market strategies. Generate comprehensive competitive intelligence reports.

関連スキル