Community编程与开发github.com

claude-office-skills/html-slides

创建和编辑HTML演示文稿的Claude技能。

html-slides 是什么?

该技能使Claude能够根据用户提供的原始内容(如Markdown大纲、要点列表或文本片段)直接生成结构化的HTML演示幻灯片。它支持常见的演示元素,包括标题幻灯片、项目符号列表、代码块、图片和引用,并会自动应用简洁、专业的深色主题样式,无需用户额外配置。用户可以通过文本指令添加或修改特定幻灯片,技能会增量更新HTML文件,使协作编辑高效且无缝。此技能兼容Claude Code和Claude Desktop,帮助开发者和内容创作者快速将想法转化为可直接运行的HTML幻灯片,非常适合技术演讲、工作汇报或在线教程。

兼容平台✓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 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

html-slides 是做什么的?

该技能使Claude能够为用户创建和编辑HTML幻灯片。

用法

该技能非常适合用于创建您希望编辑和样式化的演示文稿,但需要从简单的文本大纲入手。

  1. 提供一段描述您幻灯片内容的文本(如要点列表、段落或Markdown大纲)。
  2. Claude将为您生成一个包含所有幻灯片的HTML文件。
  3. 您可以要求Claude添加或修改单张幻灯片,技能会相应地应用更改。

工作原理

  • 接收关于幻灯片内容的用户提示
  • 创建一个包含所有幻灯片的新HTML文件
  • 每张幻灯片包含文本和/或代码块
  • 支持标题幻灯片、项目符号列表、代码块、图片和引用
  • 使用深色主题,样式简洁专业

支持的平台

  • Claude Code
  • Claude Desktop
  • Cursor
  • Continue.dev
  • Cody

技术细节

  • 幻灯片使用<section>标签,通过Reveal.js进行导航
  • 技能可包含在单个提示中,或分步创建/编辑幻灯片
  • 该技能适用于增量编辑:您可以要求添加新幻灯片或修改已有幻灯片

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.

相关技能