Agent Skills 元年なのでオープンスタンダードになった Agent Skills について調べて使ってみた

from pptx import Presentation
from pptx.util import Inches, Pt
from pptx.dml.color import RGBColor
from pptx.enum.text import PP_ALIGN, MSO_ANCHOR
from pptx.enum.shapes import MSO_SHAPE

# プレゼンテーション作成
prs = Presentation()
prs.slide_width = Inches(13.333)
prs.slide_height = Inches(7.5)

# 色定義
ORANGE = RGBColor(0xFF, 0x99, 0x00)  # AWS Orange
DARK_BLUE = RGBColor(0x23, 0x2F, 0x3E)  # AWS Dark Blue
WHITE = RGBColor(0xFF, 0xFF, 0xFF)

def add_title_slide(prs, title, subtitle):
    """表紙スライドを追加"""
    slide_layout = prs.slide_layouts[6]  # 空白レイアウト
    slide = prs.slides.add_slide(slide_layout)

    # 背景色を追加（図形で代用）
    background = slide.shapes.add_shape(
        MSO_SHAPE.RECTANGLE, 0, 0, prs.slide_width, prs.slide_height
    )
    background.fill.solid()
    background.fill.fore_color.rgb = DARK_BLUE
    background.line.fill.background()

    # タイトル
    title_box = slide.shapes.add_textbox(Inches(0.5), Inches(2.5), Inches(12.333), Inches(1.5))
    tf = title_box.text_frame
    p = tf.paragraphs[0]
    p.text = title
    p.font.size = Pt(54)
    p.font.bold = True
    p.font.color.rgb = WHITE
    p.alignment = PP_ALIGN.CENTER

    # サブタイトル
    subtitle_box = slide.shapes.add_textbox(Inches(0.5), Inches(4.2), Inches(12.333), Inches(0.8))
    tf = subtitle_box.text_frame
    p = tf.paragraphs[0]
    p.text = subtitle
    p.font.size = Pt(28)
    p.font.color.rgb = ORANGE
    p.alignment = PP_ALIGN.CENTER

    # フッター
    footer_box = slide.shapes.add_textbox(Inches(0.5), Inches(6.5), Inches(12.333), Inches(0.5))
    tf = footer_box.text_frame
    p = tf.paragraphs[0]
    p.text = "AWS事業本部 べこみん (@beco_minn)"
    p.font.size = Pt(18)
    p.font.color.rgb = WHITE
    p.alignment = PP_ALIGN.CENTER

def add_toc_slide(prs):
    """目次スライドを追加"""
    slide_layout = prs.slide_layouts[6]
    slide = prs.slides.add_slide(slide_layout)

    # ヘッダーバー
    header = slide.shapes.add_shape(
        MSO_SHAPE.RECTANGLE, 0, 0, prs.slide_width, Inches(1.2)
    )
    header.fill.solid()
    header.fill.fore_color.rgb = DARK_BLUE
    header.line.fill.background()

    # タイトル
    title_box = slide.shapes.add_textbox(Inches(0.5), Inches(0.3), Inches(12.333), Inches(0.8))
    tf = title_box.text_frame
    p = tf.paragraphs[0]
    p.text = "目次"
    p.font.size = Pt(40)
    p.font.bold = True
    p.font.color.rgb = WHITE

    # 目次内容
    toc_items = [
        "1. IAMのベストプラクティス",
        "2. Security Hubの活用",
        "3. まとめ"
    ]

    content_box = slide.shapes.add_textbox(Inches(1.5), Inches(2), Inches(10), Inches(4))
    tf = content_box.text_frame

    for i, item in enumerate(toc_items):
        if i == 0:
            p = tf.paragraphs[0]
        else:
            p = tf.add_paragraph()
        p.text = item
        p.font.size = Pt(32)
        p.font.color.rgb = DARK_BLUE
        p.space_after = Pt(24)

def add_content_slide(prs, title, content_items):
    """コンテンツスライドを追加"""
    slide_layout = prs.slide_layouts[6]
    slide = prs.slides.add_slide(slide_layout)

    # ヘッダーバー
    header = slide.shapes.add_shape(
        MSO_SHAPE.RECTANGLE, 0, 0, prs.slide_width, Inches(1.2)
    )
    header.fill.solid()
    header.fill.fore_color.rgb = DARK_BLUE
    header.line.fill.background()

    # タイトル
    title_box = slide.shapes.add_textbox(Inches(0.5), Inches(0.3), Inches(12.333), Inches(0.8))
    tf = title_box.text_frame
    p = tf.paragraphs[0]
    p.text = title
    p.font.size = Pt(36)
    p.font.bold = True
    p.font.color.rgb = WHITE

    # コンテンツ
    content_box = slide.shapes.add_textbox(Inches(0.8), Inches(1.6), Inches(11.733), Inches(5.5))
    tf = content_box.text_frame
    tf.word_wrap = True

    for i, item in enumerate(content_items):
        if i == 0:
            p = tf.paragraphs[0]
        else:
            p = tf.add_paragraph()
        p.text = "• " + item
        p.font.size = Pt(24)
        p.font.color.rgb = DARK_BLUE
        p.space_after = Pt(16)

def add_summary_slide(prs):
    """まとめスライドを追加"""
    slide_layout = prs.slide_layouts[6]
    slide = prs.slides.add_slide(slide_layout)

    # ヘッダーバー
    header = slide.shapes.add_shape(
        MSO_SHAPE.RECTANGLE, 0, 0, prs.slide_width, Inches(1.2)
    )
    header.fill.solid()
    header.fill.fore_color.rgb = DARK_BLUE
    header.line.fill.background()

    # タイトル
    title_box = slide.shapes.add_textbox(Inches(0.5), Inches(0.3), Inches(12.333), Inches(0.8))
    tf = title_box.text_frame
    p = tf.paragraphs[0]
    p.text = "まとめ"
    p.font.size = Pt(40)
    p.font.bold = True
    p.font.color.rgb = WHITE

    # まとめ内容
    summary_items = [
        "IAMは最小権限の原則を徹底し、MFAを必須化する",
        "Security Hubでセキュリティ状況を継続的にモニタリング",
        "セキュリティは「設定して終わり」ではなく継続的な改善が重要",
        "AWSのセキュリティサービスを活用して多層防御を実現"
    ]

    content_box = slide.shapes.add_textbox(Inches(0.8), Inches(1.8), Inches(11.733), Inches(4))
    tf = content_box.text_frame
    tf.word_wrap = True

    for i, item in enumerate(summary_items):
        if i == 0:
            p = tf.paragraphs[0]
        else:
            p = tf.add_paragraph()
        p.text = ">>> " + item
        p.font.size = Pt(26)
        p.font.color.rgb = DARK_BLUE
        p.space_after = Pt(20)

    # フッターメッセージ
    footer_box = slide.shapes.add_textbox(Inches(0.5), Inches(6), Inches(12.333), Inches(0.8))
    tf = footer_box.text_frame
    p = tf.paragraphs[0]
    p.text = "ご清聴ありがとうございました!"
    p.font.size = Pt(28)
    p.font.bold = True
    p.font.color.rgb = ORANGE
    p.alignment = PP_ALIGN.CENTER

# スライド作成
# 1. 表紙
add_title_slide(prs, "AWSセキュリティ\nベストプラクティス", "~ 安全なクラウド環境を構築するために ~")

# 2. 目次
add_toc_slide(prs)

# 3. IAMのベストプラクティス
iam_content = [
    "ルートユーザーは日常的に使用しない（MFA必須、アクセスキー削除）",
    "最小権限の原則（必要最小限の権限のみを付与）",
    "IAMユーザーよりIAM Identity Center（SSO）を活用",
    "長期認証情報より短期認証情報（IAMロール）を優先",
    "強力なパスワードポリシーの設定とMFAの必須化",
    "定期的な認証情報のローテーションと棚卸し",
    "IAM Access Analyzerで未使用のアクセス権限を検出"
]
add_content_slide(prs, "IAMのベストプラクティス", iam_content)

# 4. Security Hubの活用
securityhub_content = [
    "AWS Security Hubでセキュリティ状況を一元管理",
    "セキュリティ基準（AWS基礎セキュリティのベストプラクティス等）を有効化",
    "GuardDuty、Inspector、IAM Access Analyzerと統合",
    "セキュリティスコアで現状を可視化（目標: 90%以上）",
    "検出結果に優先度をつけて計画的に是正",
    "自動修復アクションの設定で運用負荷を軽減",
    "Organizations連携でマルチアカウント環境を統合管理"
]
add_content_slide(prs, "Security Hubの活用", securityhub_content)

# 5. まとめ
add_summary_slide(prs)

# ファイル保存
output_path = "/Users/*****/*****/work/AWSセキュリティベストプラクティス.pptx"
prs.save(output_path)
print(f"プレゼンテーションを作成しました: {output_path}")

const pptxgen = require('pptxgenjs');
const html2pptx = require('/Users/*****/.claude/plugins/cache/anthropic-agent-skills/document-skills/69c0b1a06741/skills/pptx/scripts/html2pptx.js');
const path = require('path');

async function createPresentation() {
    const pptx = new pptxgen();
    pptx.layout = 'LAYOUT_16x9';
    pptx.author = 'AWS事業本部';
    pptx.title = 'AWSセキュリティベストプラクティス';
    pptx.subject = 'クラウド環境を安全に保つために';

    const workDir = '/Users/*****/*****/work';
    const slides = [
        'slide1-cover.html',
        'slide2-toc.html',
        'slide3-iam.html',
        'slide4-securityhub.html',
        'slide5-summary.html'
    ];

    for (const slideFile of slides) {
        const htmlPath = path.join(workDir, slideFile);
        console.log(`Processing: ${slideFile}`);
        await html2pptx(htmlPath, pptx);
    }

    const outputPath = path.join(workDir, 'AWSセキュリティベストプラクティス.pptx');
    await pptx.writeFile({ fileName: outputPath });
    console.log(`Presentation created: ${outputPath}`);
}

createPresentation().catch(err => {
    console.error('Error:', err);
    process.exit(1);
});

<!DOCTYPE html>
<html>
<head>
<style>
html { background: #ffffff; }
body {
  width: 720pt; height: 405pt; margin: 0; padding: 0;
  background: #232F3E; font-family: Arial, sans-serif;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.accent-bar {
  position: absolute; top: 0; left: 0; width: 100%; height: 8pt;
  background: #FF9900;
}
.title {
  color: #FFFFFF; font-size: 42pt; font-weight: bold;
  text-align: center; margin: 0 40pt;
}
.subtitle {
  color: #FF9900; font-size: 24pt; margin-top: 20pt;
  text-align: center;
}
.author {
  color: #AAAAAA; font-size: 14pt; margin-top: 40pt;
  text-align: center;
}
</style>
</head>
<body>
<div class="accent-bar"></div>
<h1 class="title">AWSセキュリティベストプラクティス</h1>
<p class="subtitle">クラウド環境を安全に保つために</p>
<p class="author">AWS事業本部</p>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
html { background: #ffffff; }
body {
  width: 720pt; height: 405pt; margin: 0; padding: 0;
  background: #FFFFFF; font-family: Arial, sans-serif;
  display: flex; flex-direction: column;
}
.header {
  background: #232F3E; padding: 20pt 40pt;
}
.header-title {
  color: #FFFFFF; font-size: 28pt; font-weight: bold; margin: 0;
}
.content {
  padding: 30pt 60pt; flex: 1;
}
.toc-item {
  display: flex; align-items: center; margin-bottom: 25pt;
}
.number {
  background: #FF9900; color: #FFFFFF; font-size: 18pt; font-weight: bold;
  width: 36pt; height: 36pt; border-radius: 50%;
  display: flex; justify-content: center; align-items: center;
  margin-right: 20pt;
}
.toc-text {
  color: #232F3E; font-size: 20pt; margin: 0;
}
</style>
</head>
<body>
<div class="header">
  <h1 class="header-title">目次</h1>
</div>
<div class="content">
  <div class="toc-item">
    <div class="number"><p>1</p></div>
    <p class="toc-text">IAMのベストプラクティス</p>
  </div>
  <div class="toc-item">
    <div class="number"><p>2</p></div>
    <p class="toc-text">Security Hubの活用</p>
  </div>
  <div class="toc-item">
    <div class="number"><p>3</p></div>
    <p class="toc-text">まとめ</p>
  </div>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
html { background: #ffffff; }
body {
  width: 720pt; height: 405pt; margin: 0; padding: 0;
  background: #FFFFFF; font-family: Arial, sans-serif;
  display: flex; flex-direction: column;
}
.header {
  background: #232F3E; padding: 20pt 40pt;
}
.header-title {
  color: #FFFFFF; font-size: 28pt; font-weight: bold; margin: 0;
}
.content {
  padding: 25pt 40pt; flex: 1; display: flex; gap: 30pt;
}
.left-col {
  flex: 1;
}
.right-col {
  flex: 1;
}
.section-title {
  color: #FF9900; font-size: 16pt; font-weight: bold; margin: 0 0 12pt 0;
}
.list-item {
  color: #333333; font-size: 13pt; margin: 0 0 8pt 0; line-height: 1.4;
}
.highlight-box {
  background: #FFF3E0; border-left: 4pt solid #FF9900;
  padding: 12pt 15pt; margin-top: 15pt;
}
.highlight-text {
  color: #232F3E; font-size: 12pt; margin: 0;
}
</style>
</head>
<body>
<div class="header">
  <h1 class="header-title">IAMのベストプラクティス</h1>
</div>
<div class="content">
  <div class="left-col">
    <h2 class="section-title">認証の強化</h2>
    <ul>
      <li class="list-item">ルートアカウントにMFAを設定</li>
      <li class="list-item">IAMユーザーにもMFAを必須化</li>
      <li class="list-item">長期認証情報の使用を避ける</li>
      <li class="list-item">IAM Identity Centerの活用</li>
    </ul>
    <div class="highlight-box">
      <p class="highlight-text"><b>重要:</b> ルートアカウントは日常業務で使用しない</p>
    </div>
  </div>
  <div class="right-col">
    <h2 class="section-title">最小権限の原則</h2>
    <ul>
      <li class="list-item">必要最小限の権限のみ付与</li>
      <li class="list-item">IAM Access Analyzerで未使用権限を特定</li>
      <li class="list-item">定期的な権限レビューの実施</li>
      <li class="list-item">ポリシーの条件キーを活用</li>
    </ul>
    <h2 class="section-title">監査とモニタリング</h2>
    <ul>
      <li class="list-item">CloudTrailでAPI操作を記録</li>
      <li class="list-item">IAM認証情報レポートの確認</li>
    </ul>
  </div>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
html { background: #ffffff; }
body {
  width: 720pt; height: 405pt; margin: 0; padding: 0;
  background: #FFFFFF; font-family: Arial, sans-serif;
  display: flex; flex-direction: column;
}
.header {
  background: #232F3E; padding: 18pt 40pt;
}
.header-title {
  color: #FFFFFF; font-size: 26pt; font-weight: bold; margin: 0;
}
.content {
  padding: 20pt 40pt 30pt 40pt; flex: 1; display: flex; gap: 30pt;
}
.left-col {
  flex: 1;
}
.right-col {
  flex: 1;
}
.section-title {
  color: #FF9900; font-size: 14pt; font-weight: bold; margin: 0 0 8pt 0;
}
.list-item {
  color: #333333; font-size: 12pt; margin: 0 0 6pt 0; line-height: 1.3;
}
.feature-box {
  background: #F5F5F5; border-radius: 6pt; padding: 10pt; margin-bottom: 12pt;
}
.feature-title {
  color: #232F3E; font-size: 12pt; font-weight: bold; margin: 0 0 5pt 0;
}
.feature-desc {
  color: #666666; font-size: 11pt; margin: 0;
}
</style>
</head>
<body>
<div class="header">
  <h1 class="header-title">Security Hubの活用</h1>
</div>
<div class="content">
  <div class="left-col">
    <h2 class="section-title">Security Hubとは</h2>
    <p class="list-item">AWSのセキュリティ状況を一元管理</p>
    <div class="feature-box">
      <p class="feature-title">主要機能</p>
      <p class="feature-desc">検出結果の集約、コンプライアンスチェック、自動修復</p>
    </div>
    <h2 class="section-title">対応セキュリティ標準</h2>
    <ul>
      <li class="list-item">AWS基礎セキュリティベストプラクティス</li>
      <li class="list-item">CIS AWS Foundations Benchmark</li>
      <li class="list-item">PCI DSS</li>
    </ul>
  </div>
  <div class="right-col">
    <h2 class="section-title">効果的な活用方法</h2>
    <ul>
      <li class="list-item">全リージョンで有効化</li>
      <li class="list-item">GuardDuty、Inspectorと連携</li>
      <li class="list-item">重要度に応じた対応優先度設定</li>
      <li class="list-item">自動修復ワークフローの構築</li>
    </ul>
    <h2 class="section-title">スコア改善のポイント</h2>
    <ul>
      <li class="list-item">CRITICALとHIGHを優先対応</li>
      <li class="list-item">定期的なスコアレビュー</li>
      <li class="list-item">抑制ルールの適切な活用</li>
    </ul>
  </div>
</div>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
html { background: #ffffff; }
body {
  width: 720pt; height: 405pt; margin: 0; padding: 0;
  background: #232F3E; font-family: Arial, sans-serif;
  display: flex; flex-direction: column;
}
.header {
  padding: 25pt 40pt 15pt 40pt;
}
.header-title {
  color: #FF9900; font-size: 30pt; font-weight: bold; margin: 0;
}
.content {
  padding: 0 40pt; flex: 1;
}
.summary-item {
  display: flex; align-items: flex-start; margin-bottom: 18pt;
}
.check-icon {
  background: #FF9900; color: #FFFFFF; font-size: 13pt; font-weight: bold;
  width: 24pt; height: 24pt; border-radius: 50%;
  display: flex; justify-content: center; align-items: center;
  margin-right: 12pt; flex-shrink: 0;
}
.summary-text {
  color: #FFFFFF; font-size: 16pt; margin: 0; line-height: 1.4;
}
.footer {
  padding: 15pt 40pt 40pt 40pt; text-align: center;
}
.footer-text {
  color: #AAAAAA; font-size: 13pt; margin: 0;
}
.cta {
  color: #FF9900; font-size: 15pt; margin: 8pt 0 0 0;
}
</style>
</head>
<body>
<div class="header">
  <h1 class="header-title">まとめ</h1>
</div>
<div class="content">
  <div class="summary-item">
    <div class="check-icon"><p>1</p></div>
    <p class="summary-text">IAMは最小権限の原則を徹底し、MFAを必須化する</p>
  </div>
  <div class="summary-item">
    <div class="check-icon"><p>2</p></div>
    <p class="summary-text">Security Hubでセキュリティ状況を可視化・一元管理する</p>
  </div>
  <div class="summary-item">
    <div class="check-icon"><p>3</p></div>
    <p class="summary-text">継続的なモニタリングと改善サイクルを回す</p>
  </div>
</div>
<div class="footer">
  <p class="footer-text">セキュリティは継続的な取り組みが重要です</p>
  <p class="cta">Thank you!</p>
</div>
</body>
</html>