PluginBench
Skill
Pass
Audit score 90

blog-audio

agricidaniel/claude-blog

Generate professional audio narration of blog posts with Google Gemini TTS in summary, full, or podcast dialogue modes.

What is blog-audio?

This skill converts blog content into MP3 audio using Google's Gemini text-to-speech API. It offers three narration modes (summary overview, full article read-aloud, or two-speaker podcast dialogue), supports 30 voices across 80+ languages, and outputs ready-to-embed HTML5 audio players. Use it when you need to create audio versions of blog posts or add voice narration to written content.

  • Generate 200-300 word spoken summaries of blog articles (1-2 min audio)
  • Create full article read-aloud narration with natural speech conversion (5-15 min)
  • Produce two-speaker podcast-style dialogues discussing article content (3-8 min)
  • Output MP3 files with HTML5 embed code for Hugo, Jekyll, Next.js, WordPress, and static sites
  • Select from 30 named voices with distinct characteristics (informative, friendly, warm, breezy, upbeat, firm)
  • Gracefully fall back when API key is missing, without blocking blog workflows

How to install blog-audio

npx skills add https://github.com/agricidaniel/claude-blog --skill blog-audio
Prerequisites
  • Python 3.11 or higher (managed automatically via venv)
  • Google AI API key from https://aistudio.google.com/apikey (set as GOOGLE_AI_API_KEY environment variable)
  • FFmpeg installed for WAV-to-MP3 conversion (optional; falls back to WAV if missing)
Claude Code
Cursor
Windsurf
Cline

How to use blog-audio

  1. 1.Run `/blog audio setup` to verify your GOOGLE_AI_API_KEY is configured and test connectivity
  2. 2.Run `/blog audio voices` to browse the 30 available voices and their characteristics
  3. 3.Run `/blog audio generate <file>` to start the generation workflow, which will prompt you to choose a mode (summary, full, or dialogue)
  4. 4.Select your preferred voice(s) or accept the recommended default based on content type and mode
  5. 5.Receive the MP3 file path, duration, and ready-to-paste HTML5 embed code
  6. 6.Insert the embed code into your blog post (placement suggestions provided for each platform)

Use cases

Good for
  • Create audio versions of long-form blog articles for accessibility and commute listening
  • Generate podcast-style discussions of technical or analytical content with host and expert voices
  • Produce quick audio summaries for newsletter or social media promotion
  • Add narration to tutorial or how-to posts for multi-sensory learning
  • Build audio archives of published blog content for accessibility compliance
Who it's for
  • Blog authors and content creators adding multimedia to their sites
  • Technical writers making documentation more accessible
  • Podcast producers looking to repurpose written content into dialogue format
  • Content teams automating audio asset generation for multiple platforms
  • Accessibility-focused publishers serving readers with visual impairments or learning differences

blog-audio FAQ

What's the difference between summary, full, and dialogue modes?

Summary mode creates a 200-300 word spoken overview (1-2 min), full mode reads the entire article naturally (5-15 min), and dialogue mode produces a two-person podcast conversation about the article (3-8 min). Choose based on your use case: quick promotion, complete accessibility, or engaging discussion format.

Can I use the same API key as blog-image?

Yes. The skill uses the same GOOGLE_AI_API_KEY environment variable. If you already have blog-image set up, blog-audio will work with the same key.

What happens if I don't have an API key configured?

If called directly via `/blog audio`, you'll get a helpful message with a link to get a free key. If called internally from blog-write, it silently skips audio generation without blocking your writing workflow.

Which voices work best for different content types?

For articles use Charon or Sadaltager; for tutorials use Achird or Sulafat; for news use Rasalgethi or Schedar; for lifestyle use Aoede or Vindemiatrix; for dialogue hosts use Puck or Laomedeia; for dialogue experts use Kore or Charon.

How do I embed the audio in my blog?

The skill provides ready-to-paste HTML5 code. For static sites use `<audio controls><source src="audio/post-slug.mp3"></audio>`, for MDX wrap it in a JSX block, and for WordPress use the `[audio]` shortcode. Insert after the introduction or at the top with a label like 'Listen to this article'.

Full instructions (SKILL.md)

Source of truth, from agricidaniel/claude-blog.


name: blog-audio description: > Generate audio narration of blog posts using Google Gemini TTS. Supports summary narration, full article read-aloud, and two-speaker podcast/dialogue mode with 30 voice options. Outputs MP3 with HTML5 audio embed code. Works standalone via /blog audio or internally from blog-write. Falls back gracefully when API key is not configured. Use when user says "blog audio", "narrate blog", "audio version", "text to speech", "tts", "podcast mode", "read aloud", "audio narration", "voice", "narration", "generate audio". user-invokable: true argument-hint: "[generate|voices|setup] [file-or-text] [--mode summary|full|dialogue] [--voice name]" license: MIT metadata: author: AgriciDaniel version: "2.2.0"

Blog Audio: Gemini TTS Narration for Blog Posts

Generate professional audio narration of blog content using Google's Gemini TTS. Three modes: summary (200-300 word spoken overview), full article read-aloud, or two-speaker podcast dialogue. 30 voices, 80+ languages, HTML5 embed output.

Quick Reference

CommandWhat it does
/blog audio generate <file>Generate audio narration of a blog post
/blog audio voicesShow available voices with characteristics
/blog audio setupCheck/configure API key for Gemini TTS

Prerequisites

  • Python 3.11+ (venv managed automatically by run.py)
  • GOOGLE_AI_API_KEY environment variable (same key used by blog-image)
  • FFmpeg (for WAV-to-MP3 conversion; falls back to WAV if missing)

Always Use run.py Wrapper

# CORRECT:
python3 scripts/run.py generate_audio.py --text "..." --voice Charon --json

# WRONG:
python3 scripts/generate_audio.py --text "..."  # Fails without venv

API Key Check (Gate Pattern)

Before generating audio, check for the API key:

test -n "${GOOGLE_AI_API_KEY:-}" && echo "GOOGLE_AI_API_KEY is set" || echo "GOOGLE_AI_API_KEY is not set"
  • If set: proceed with generation
  • If not set: guide the user: "Audio generation requires a Google AI API key. Get one free at https://aistudio.google.com/apikey Then set it: export GOOGLE_AI_API_KEY=your-key This can be the same key used by /blog image, but it must be exported in the shell."
  • When called internally (from blog-write): return silently if key is missing. Never block the writing workflow.

Setup

For /blog audio setup:

  1. Check if GOOGLE_AI_API_KEY is set in environment
  2. If blog-image uses project .mcp.json, confirm the referenced env var is exported
  3. If not, guide user to https://aistudio.google.com/apikey
  4. Verify with a dry run: python3 scripts/run.py generate_audio.py --text "Test" --dry-run --json

Voice Selection

For /blog audio voices:

Load references/voices.md and present the voice catalog to the user.

Ask the user which voice they prefer, or recommend based on content type:

  • Article narration: Charon (Informative) or Sadaltager (Knowledgeable)
  • Tutorial/how-to: Achird (Friendly) or Sulafat (Warm)
  • News/analysis: Rasalgethi (Informative) or Schedar (Even)
  • Lifestyle/wellness: Aoede (Breezy) or Vindemiatrix (Gentle)
  • Dialogue host: Puck (Upbeat) or Laomedeia (Upbeat)
  • Dialogue expert: Kore (Firm) or Charon (Informative)

Generation Workflow

For /blog audio generate <file>:

Step 1: Read the Blog Post

Read the file and extract:

  • Title (from H1 or frontmatter)
  • Full content (markdown body)
  • Approximate word count

Step 2: Choose Mode

Ask the user (or auto-select if they specified --mode):

ModeWhen to useOutput
SummaryQuick audio overview (1-2 min)200-300 word spoken summary
FullComplete read-aloud (5-15 min)Full article as natural speech
DialoguePodcast-style (3-8 min)Two-person conversation about the article

Step 3: Prepare Text

Claude prepares the text; the script does TTS only.

Summary mode: Write a 200-300 word spoken summary of the article. Rules:

  • Write as natural speech, not written text
  • Open with the article's key finding or answer
  • Cover 3-5 main takeaways
  • Close with actionable advice
  • No markdown, no "In this article...", no meta-commentary
  • Use conversational transitions ("Here's what matters...", "The key finding is...")

Full mode: Strip the markdown content to clean spoken text:

  • Headings become natural transitions ("Next, let's look at...")
  • Links become plain text (remove URLs, keep anchor text)
  • Images and charts: omit or briefly describe ("As the data shows...")
  • Code blocks: describe verbally ("The code uses a for-loop to...")
  • Lists: convert to natural sentences
  • Remove frontmatter, schema markup, HTML tags
  • Add brief intro: "This is [title], published on [date]."

Dialogue mode: Write a 2-person conversation script about the article:

  • Speaker1 = Host (curious, asks good questions)
  • Speaker2 = Expert (knowledgeable, gives clear answers)
  • Format each line as: Speaker1: What's the key takeaway here?
  • Cover the article's main points conversationally
  • 15-25 exchanges (produces ~3-8 minutes)
  • Natural, not stilted ("That's a great point" over "Indeed, as the research indicates")

Step 4: Select Voice

If the user chose a voice, use it. Otherwise, recommend based on mode:

  • Summary/Full: default to Charon (Informative)
  • Dialogue: default to Puck (Host) + Kore (Expert)

Step 5: Generate Audio

Write the prepared text to a file under the working directory, then call:

# Single voice (summary or full mode)
python3 scripts/run.py generate_audio.py \
  --text-file blog_audio_prepared.txt \
  --voice Charon \
  --model flash \
  --output audio/post-slug.mp3 \
  --json

# Two voices (dialogue mode)
python3 scripts/run.py generate_audio.py \
  --text-file blog_audio_dialogue.txt \
  --voice Puck \
  --voice2 Kore \
  --model pro \
  --output audio/post-slug-dialogue.mp3 \
  --json

Model selection:

  • flash (default): maps to gemini-3.1-flash-tts-preview, good for summaries and standard narration.
  • flash31: explicit alias for gemini-3.1-flash-tts-preview.
  • legacy-flash25: retained only for older compatibility.
  • pro or legacy-pro25: maps to gemini-2.5-pro-preview-tts, use only when needed.

Step 6: Deliver

Present the result to the user:

  1. File path: where the audio was saved
  2. Duration: human-readable (e.g., "3:42")
  3. Embed code: ready-to-paste HTML5 audio tag
  4. Cost: estimated API cost
  5. Placement suggestion: where to insert the embed in the blog post

Embedding Guide

Standard HTML (Hugo, Jekyll, static sites)

<audio controls preload="metadata">
  <source src="audio/post-slug.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

MDX (Next.js, Gatsby)

<audio controls preload="metadata">
  <source src="/audio/post-slug.mp3" type="audio/mpeg" />
</audio>

WordPress

[audio src="audio/post-slug.mp3"]

Placement

Insert the audio player after the introduction (below the first H2) or at the very top of the article with a label: "Listen to this article" or "Audio version".

Internal API (for blog-write)

When invoked internally from blog-write:

Input:

  • text: Prepared text (already cleaned by Claude)
  • voice: Voice name (default: Charon)
  • voice2: Second voice for dialogue (optional)
  • model: flash or pro
  • output_path: Where to save the file

Output:

### Audio Narration
- **Path:** /path/to/audio/post-slug.mp3
- **Duration:** 3:42
- **Voice:** Charon
- **Embed:** `<audio controls preload="metadata"><source src="audio/post-slug.mp3" type="audio/mpeg"></audio>`

Graceful fallback: If GOOGLE_AI_API_KEY is not set, return immediately with no error. The writing workflow continues without audio. Never block blog-write because audio generation is unavailable.

Error Handling

ErrorResolution
GOOGLE_AI_API_KEY not setGet key at https://aistudio.google.com/apikey
FFmpeg not foundInstall: sudo apt install ffmpeg. Falls back to WAV output.
Rate limitedWait and retry. Check limits at https://aistudio.google.com/rate-limit
Text too long (>8,192 input tokens)Split into sections around 7,800 tokens; the script chunks and stitches prepared text
Unknown voice nameRun /blog audio voices to see valid options
API errorCheck key validity and model availability
API key missing (internal call)Return silently: writing workflow continues

Reference Documentation

Load on-demand: do NOT load all at startup:

  • references/voices.md: Full 30-voice catalog, recommendations by content type, dialogue pairings