Podcast Highlights Deck

(Internal skill id: podcast-highlights-deck)

What it creates

Create a premium editorial long-scroll highlight deck with a sticky TOC rail, multilingual toggle, and original audio clips.

Workflow

Inputs

• - podcast_url: episode page URL (Apple/Spotify/RSS/YouTube/direct MP3)
• languages: list of language codes, e.g. en, ja, INLINECODE3

Output

• - A static website (Vite build) with:

Workflow (execute in order)

1) Acquire audio (source-of-truth)

Prefer a direct audio URL (RSS <enclosure>). Recommended approach:

1. 1. Use search_web to find the show’s RSS feed (queries like: "<show name>" RSS feed, or the Apple show id + RSS).
2. Use get_web_page_contents to fetch the RSS XML.
3. Parse RSS to locate the exact episode and extract:

If RSS is unavailable:

• - If YouTube exists, use yt-dlp to download audio.
• If a platform blocks direct audio access, ask the user for the RSS link or direct mp3.

Download audio to a working folder (example):

• - INLINECODE9

2) Transcribe with timestamps

Primary:

• - Run anygen-speech-to-text episode.mp3 -o transcript -f json,md,srt.

Fallback (if the tool fails):

• - Split audio into chunks with ffmpeg (10 min chunks)
• Use OpenAI Whisper (whisper-1) with INLINECODE13
• Merge segments by adding time offsets

You need a machine-readable file like:

• - transcript/episode_verbose.json containing segments with start, end, INLINECODE17

3) Curate 8–12 highlights (do NOT dump transcript)

Selection philosophy:

• - Prefer fewer, stronger highlights.
• Only use quotes that exist in the transcript.

For each highlight, produce:

• - id (h1..h12)
• INLINECODE19 + end timestamps in seconds (from transcript)
• title (translate later)
• quote (English, exact or lightly cleaned)
• context (1 sentence)
• takeaway (editorial interpretation)

4) Translate + global UI copy

For every supported language:

• - Translate titles, context, takeaway, and quote (transcreation; keep meaning + tone).

Important behavior:

• - In non-English modes, show translated quote as primary.
• Preserve a connection to English:

Also translate all UI strings:

• - hero framing
• sidebar labels
• buttons (“Play clip”, “Back to top”, etc.)
• closing section labels

5) Clip original audio per highlight

Use the bundled script:

• - INLINECODE21

Conventions:

• - add ~2s padding before/after for natural listening
• output:

6) Build the site with the bundled editorial template

Use website_init to create a new site project.

Then copy assets into the project:

• - INLINECODE24
• INLINECODE25
• INLINECODE26

Then replace template files from this skill:

• - assets/template/Home.tsx → INLINECODE28
• INLINECODE29 → INLINECODE30
• INLINECODE31 → project INLINECODE32

Notes:

• - The template expects highlights.json schema similar to assets/template/highlights.schema.example.json.
• Ensure document.documentElement.dataset.lang is set from the language toggle.

7) Bundle and deliver

Run website_bundle and deliver the generated dist/index.html.

Template assets in this skill

• - assets/template/Home.tsx: editorial layout + global language switching + expandable English original
• INLINECODE39: Swiss‑brutalist paper/ink theme + language font stacks
• INLINECODE40: Google Fonts includes Instrument Serif, Manrope, IBM Plex Mono, and Noto JP/SC
• INLINECODE41: reference structure