yukihirop AI Changelog — Weekly Summary
Fetch changelogs from Anthropic, Google Gemini, and OpenAI for the past 7 days, generate a styled HTML dashboard, deploy to Vercel, and return the live URL.
Step 1: Determine Date Range
echo "Today: $(date +%Y-%m-%d)"
echo "7 days ago: $(date -d '7 days ago' +%Y-%m-%d 2>/dev/null || date -v-7d +%Y-%m-%d)"
Use these dates to filter changelog entries.
Step 2: Fetch Changelogs
Anthropic
Use WebFetch to retrieve:
https://platform.claude.com/docs/en/release-notes/overview
This is static HTML. Parse the response for date-stamped sections and extract entries from the past 7 days. Look for date headings (e.g., "March 18, 2026") and their associated bullet points or descriptions.
If WebFetch fails, fall back to agent-browser:
agent-browser open "https://platform.claude.com/docs/en/release-notes/overview"
agent-browser wait --load networkidle
agent-browser snapshot
OpenAI
Use WebFetch to retrieve:
https://developers.openai.com/changelog/
This is a static Astro site. Parse the HTML for changelog entries with dates and descriptions. Filter to the past 7 days.
Do NOT use platform.openai.com/docs/changelog — it returns 403.
If WebFetch fails, fall back to agent-browser.
Google Gemini
This page is a JavaScript SPA and requires a browser. Use agent-browser:
agent-browser open "https://ai.google.dev/gemini-api/docs/changelog"
agent-browser wait --load networkidle
agent-browser snapshot
Extract changelog entries from the rendered page content. Filter to the past 7 days.
If agent-browser fails, try WebFetch as a fallback (some content may be in the initial HTML).
Step 3: Handle Missing Data
For each provider:
- If the page loads but no entries exist in the past 7 days → show "No updates this week"
- If the page fails to load entirely → show "Could not fetch updates" with a subtle error style
- If ALL three providers fail → report the error to the user and do NOT deploy
Step 4: Generate HTML
IMPORTANT — 言語: 日本語で生成すること
サイト全体を日本語で作成してください。英語で書かないでください。
- タイトル: 「AI更新情報」または「AIチェンジログ」
- 日付表記: 「2026年3月15日〜3月22日」形式
- セクション見出し、ボタン、フッターすべて日本語
- 更新内容の説明も日本語に翻訳（元が英語でも）
Create a single index.html file with all CSS inlined. The design should be:
Layout:
- Dark header bar with title "AI Changelog" and the date range (e.g., "Mar 15 – Mar 22, 2026")
- Three provider sections, each with a colored header card
- Entries displayed as cards within each section, grouped by date
- Footer with "Generated on [timestamp]"
Brand colors:
- Anthropic:
#D97757(coral) - OpenAI:
#000000(black) - Google Gemini:
#4285F4(blue)
Design philosophy — use ui-ux-pro-max skill:
Before writing any HTML, generate a design system using the ui-ux-pro-max skill:
python3 skills/ui-ux-pro-max/scripts/search.py "dashboard dark mode editorial news" --design-system -p "AI Changelog"
Apply the generated design system (typography, colors, effects) to the HTML output.
Additional requirements for this dashboard:
- Provider brand colors must be preserved:
- Anthropic:
#D97757(coral) - OpenAI:
#000000(black) - Gemini:
#4285F4(blue)
- Anthropic:
- Use staggered fade-in animation on page load
- Hover effects on cards with provider-colored glow
Layout guidelines:
- Responsive: max-width container, stacks on mobile
- Each entry card shows: date badge, title, description
- If an entry has a link, make the title clickable
Source links (important):
- Each provider section header must include a link to the original changelog page:
- Anthropic:
https://platform.claude.com/docs/en/release-notes/overview - OpenAI:
https://developers.openai.com/changelog/ - Gemini:
https://ai.google.dev/gemini-api/docs/changelog
- Anthropic:
- Style the link as a subtle "View original changelog →" button or text link next to the provider name
- Individual entries should also link to their specific page if the original changelog provides per-entry URLs
Keep it concise: Summarize long descriptions. The page should be scannable.
Step 5: Deploy to Vercel
Use the mcp__vercel__vercel_deploy tool:
mcp__vercel__vercel_deploy({
name: "ai-changelog",
files: [
{ file: "index.html", data: "<the full HTML string>" }
]
})
No projectSettings needed — Vercel will serve it as a static site.
Step 6: Return Result
Respond to the user with:
- The deployed URL
- A brief summary: how many updates were found per provider
- Any providers that were unavailable
Examples
Example 1: 全プロバイダー取得成功
ユーザー: ai changelog
回答:
AI更新情報をデプロイしました！🎉
🔗 **URL:** https://ai-changelog-xxx.vercel.app
📋 **今週のまとめ（2026年3月16日〜23日）**
| プロバイダー | 件数 | 主なアップデート |
|---|---|---|
| 🟠 Anthropic | 2件 | Models API に能力フィールド追加 |
| ⚫ OpenAI | 1件 | gpt-5.3-chat-latest モデルスラッグ更新 |
| 🔵 Google Gemini | 3件 | OpenAI互換機能拡張 |
Example 2: 一部プロバイダー取得失敗
ユーザー: 差分
回答:
AI更新情報をデプロイしました！🎉
🔗 **URL:** https://ai-changelog-xxx.vercel.app
📋 **今週のまとめ（2026年3月16日〜23日）**
| プロバイダー | 件数 |
|---|---|
| 🟠 Anthropic | 2件 |
| ⚫ OpenAI | ⚠️ 取得失敗 |
| 🔵 Google Gemini | 1件 |
```