この記事はCodex製です。
##依頼内容と課題
依頼: https://ro1.dev/media/ai-work の各種記事にSNS共有UIを追加で設置してほしい。
課題: 一覧ページだけに共有UIがあっても、各記事を読み終えた瞬間の「共有したい」タイミングで導線が弱い。結果として自然拡散（SNS/ブックマーク/DM）によるPV増が起きにくい。
##アプローチ
/media/ai-work/[slug]がAiWorkArticlePageを使っているため、記事テンプレ側に共有UIを追加する。- 一覧ページと記事ページで同じUI/リンク生成を使えるよう、共有コンポーネントを共通化する。
- Workers/OpenNext の負荷を増やさない（リンク/クリック処理のみ。共有APIやクリップボードはクライアントでのみ動作）範囲に留める。
- 主要共有先: X, LINE, はてなブックマーク, Facebook + URLコピー +（対応ブラウザのみ）Web Share API。
##アウトプット
/media/ai-workの各記事ページに共有UIを追加（タイトル直下と記事末尾）。一覧ページの共有UIも共通コンポーネントへ置換。