docs: updated TOC [skip ci]

Author: mhmzdev

README.ja.md

@@ -21,7 +21,8 @@ Cursor やその他の AI 対応ツールを使用して、[MCP サーバー](ht
 
 ## 📋 目次
 
-- [🎥 ビデオデモ](#-ビデオデモ)
+- [🦋 Observable Flutter #70](#-observable-flutter-70)
+- [🎥 ショートビデオデモ](#-ショートビデオデモ)
 - [📝 はじめに](#-はじめに)
 - [📚 仕組み](#-仕組み--詳細はこちら)
 - [🤖 AI コーディングエージェント支援](#-ai-コーディングエージェント支援)
@@ -30,7 +31,7 @@ Cursor やその他の AI 対応ツールを使用して、[MCP サーバー](ht
   - [🏹 Cursor での MCP](#-cursor-での-mcp)
   - [🧑🏼‍💻 ローカルセットアップ](#-ローカルセットアップ)
 - [🧱 基本的なワークフロー](#-基本的なワークフロー)
-  - [⚠️ なぜ SVG アセットは画面生成で機能しないのか](#-なぜ-svg-アセットは画面生成で機能しないのか)
+  - [⚠️ SVG アセットが画面生成で機能しない場合](#-svg-アセットが画面生成で機能しない場合)
 - [🧰 MCP ツール](#-mcp-ツール)
 - [⚠️ 免責事項](#-免責事項)
 - [🙌🏼 謝辞](#-謝辞)
@@ -40,7 +41,14 @@ Cursor やその他の AI 対応ツールを使用して、[MCP サーバー](ht
   - [Muhammad Hamza](#muhammad-hamza)
 
 
-## 🎥 ビデオデモ
+## 🦋 Observable Flutter #70
+詳細な解説とデモ付きで Observable Flutter に取り上げられました:
+
+<a href="https://www.youtube.com/live/d7qrvytOxSA?si=ESY8hPJpQm_OY4Ye">
+  <img src="https://i.ytimg.com/vi/d7qrvytOxSA/hq720.jpg?sqp=-oaymwEnCNAFEJQDSFryq4qpAxkIARUAAIhCGAHYAQHiAQoIGBACGAY4AUAB&rs=AOn4CLAtjlrlbNDcV_MQ-_MHJN3KAgwpKw" alt="Observable Flutter Figma to Flutter MCP" style="max-width: 100%; height: 300px;">
+</a>
+
+## 🎥 ショートビデオデモ
 Figma Flutter MCP のほぼすべての機能を、実際の Figma デザインで紹介しています。
 - 英語: https://youtu.be/lJlfOfpl2sI
 - ウルドゥー語/ヒンディー語: https://youtu.be/mepPWpIZ61M
@@ -210,7 +218,7 @@ Figma に COMPONENTS がない場合は、FRAME を使用できます。「こ
 ```
 "Figma からこれを SVG アセットとしてエクスポートしてください: <figma_link>"
 ```
-#### ⚠️ なぜ SVG アセットは画面生成で機能しないのか
+#### ⚠️ SVG アセットが画面生成で機能しない場合
 Figma ではベクターにはアイコンやペンツールのシェイプが含まれるため、一括エクスポートでは意図しないノードまで取得してしまう可能性があります。SVG は個別にエクスポートすることを推奨します。このプロセスでも `assets/svg/` ディレクトリにアセットを保存し、`pubspec.yaml` を更新するため、時間の節約になります。
 
 ## 🧰 MCP ツール

README.ko.md

@@ -21,7 +21,8 @@ Cursor(커서) 또는 기타 AI 기반 도구를 사용하여 [MCP 서버](https
 
 ## 📋 목차
 
-- [🎥 비디오 데모](#-비디오-데모)
+- [🦋 Observable Flutter #70](#-observable-flutter-70)
+- [🎥 짧은 비디오 데모](#-짧은-비디오-데모)
 - [📝 시작하기](#-시작하기)
 - [📚 작동 방식](#-작동-방식--자세히-보기)
 - [🛠️ 사용법](#-사용법)
@@ -30,7 +31,7 @@ Cursor(커서) 또는 기타 AI 기반 도구를 사용하여 [MCP 서버](https
   - [🚀 로컬 테스트 빠른 시작](#-로컬-테스트-빠른-시작)
 - [🧱 기본 워크플로우](#-기본-워크플로우)
   - [🤖 AI 코딩 에이전트 도움말](#-ai-코딩-에이전트-도움말)
-  - [⚠️ 왜 SVG 에셋은 화면 생성에서 작동하지 않나요?](#-왜-svg-에셋은-화면-생성에서-작동하지-않나요)
+  - [⚠️ SVG 에셋이 화면 생성에서 작동하지 않는 경우](#-svg-에셋이-화면-생성에서-작동하지-않는-경우)
 - [🧰 MCP 도구](#-mcp-도구)
 - [⚠️ 고지사항](#-고지사항)
 - [🙌🏼 감사의 말](#-감사의-말)
@@ -40,7 +41,14 @@ Cursor(커서) 또는 기타 AI 기반 도구를 사용하여 [MCP 서버](https
   - [Muhammad Hamza](#muhammad-hamza)
 
 
-## 🎥 비디오 데모
+## 🦋 Observable Flutter #70
+향상된 설명과 데모와 함께 Observable Flutter에 소개되었습니다:
+
+<a href="https://www.youtube.com/live/d7qrvytOxSA?si=ESY8hPJpQm_OY4Ye">
+  <img src="https://i.ytimg.com/vi/d7qrvytOxSA/hq720.jpg?sqp=-oaymwEnCNAFEJQDSFryq4qpAxkIARUAAIhCGAHYAQHiAQoIGBACGAY4AUAB&rs=AOn4CLAtjlrlbNDcV_MQ-_MHJN3KAgwpKw" alt="Observable Flutter Figma to Flutter MCP" style="max-width: 100%; height: 300px;">
+</a>
+
+## 🎥 짧은 비디오 데모
 Figma Flutter MCP의 거의 모든 기능을 실제 Figma 디자인으로 시연했습니다.
 - 영어: https://youtu.be/lJlfOfpl2sI
 - 우르두/힌디: https://youtu.be/mepPWpIZ61M
@@ -210,7 +218,7 @@ npm run build
 ```
 "Figma에서 이것을 SVG 에셋으로 내보내세요: <figma_link>"
 ```
-#### ⚠️ 왜 SVG 에셋은 화면 생성에서 작동하지 않나요?
+#### ⚠️ SVG 에셋이 화면 생성에서 작동하지 않는 경우
 Figma에서 벡터에는 아이콘과 펜 도구로 만든 도형이 포함되어 있어 대량 내보내기 시 의도하지 않은 노드를 함께 내보낼 수 있습니다. SVG는 별도로 내보내는 것을 권장합니다. 이 과정은 여전히 `assets/svg/` 디렉토리에 에셋을 저장하고 `pubspec.yaml`을 업데이트해 주기 때문에 많은 시간을 절약해 줍니다.
 
 ## 🧰 MCP 도구

README.md

@@ -27,7 +27,8 @@ Use [Cursor](https://cursor.sh) or other AI-powered tools to access Figma's rich
 
 ## 📋 Table of Contents
 
-- [🎥 Video Demo](#-video-demo)
+- [🦋 Observable Flutter #70](#-observable-flutter-70)
+- [🎥 Short Video Demo](#-short-video-demo)
 - [📝 Getting Started](#-getting-started)
 - [📚 How it works](#-how-it-works--details-here)
 - [🛠️ Usage](#-usage)
@@ -36,22 +37,22 @@ Use [Cursor](https://cursor.sh) or other AI-powered tools to access Figma's rich
   - [🚀 Quick Start for Local Testing](#-quick-start-for-local-testing)
 - [🧱 Basic Workflow](#-basic-workflow)
   - [🤖 AI Coding Agent Assistance](#-ai-coding-agent-assistance)
-  - [⚠️ Why SVG assets don't work with screen generation](#️-why-svg-assets-dont-work-with-screen-generation)
+  - [⚠️ If SVG assets don’t work with screen generation](#-if-svg-assets-dont-work-with-screen-generation)
 - [⚠️ Disclaimers](#-disclaimers)
 - [🙌🏼 Acknowledgments](#-acknowledgments)
 - [🧱 Other framworks](#-other-framworks)
 - [🔑 License](#-license)
 - [🙋‍♂️ Author](#-author)
   - [Muhammad Hamza](#muhammad-hamza)
 
-## 🦋 Observable<Flutter> #70
-Featured on Observable<Flutter> with enhanced explanation and demo:
+## 🦋 Observable Flutter #70
+Featured on Observable Flutter with enhanced explanation and demo:
 
 <a href="https://www.youtube.com/live/d7qrvytOxSA?si=ESY8hPJpQm_OY4Ye">
   <img src="https://i.ytimg.com/vi/d7qrvytOxSA/hq720.jpg?sqp=-oaymwEnCNAFEJQDSFryq4qpAxkIARUAAIhCGAHYAQHiAQoIGBACGAY4AUAB&rs=AOn4CLAtjlrlbNDcV_MQ-_MHJN3KAgwpKw" alt="Observable Flutter Figma to Flutter MCP" style="max-width: 100%; height: 300px;">
 </a>
 
-## 🎥 Video Demo
+## 🎥 Short Video Demo
 Showcased almost all the features of Figma Flutter MCP with real figma design.
 - English: https://youtu.be/lJlfOfpl2sI
 - Urdu/Hindi: https://youtu.be/mepPWpIZ61M

README.zh-cn.md

@@ -21,7 +21,8 @@
 
 ## 📋 目录
 
-- [🎥 视频演示](#-视频演示)
+- [🦋 Observable Flutter #70](#-observable-flutter-70)
+- [🎥 短视频演示](#-短视频演示)
 - [📝 入门](#-入门)
 - [📚 工作原理](#-工作原理--详见此处)
 - [🛠️ 用法](#-用法)
@@ -30,7 +31,7 @@
   - [🚀 本地测试快速开始](#-本地测试快速开始)
 - [🧱 基本工作流](#-基本工作流)
   - [🤖 AI 编码代理协助](#-ai-编码代理协助)
-  - [⚠️ 为什么 SVG 资源在生成屏幕时不起作用](#-为什么-svg-资源在生成屏幕时不起作用)
+  - [⚠️ 如果 SVG 资源在生成屏幕时不起作用](#-如果-svg-资源在生成屏幕时不起作用)
 - [🧰 MCP 工具](#-mcp-工具)
 - [⚠️ 免责声明](#-免责声明)
 - [🙌🏼 致谢](#-致谢)
@@ -40,7 +41,14 @@
   - [Muhammad Hamza](#muhammad-hamza)
 
 
-## 🎥 视频演示
+## 🦋 Observable Flutter #70
+该项目在 Observable Flutter 中被重点介绍，并附有更完整的讲解与演示：
+
+<a href="https://www.youtube.com/live/d7qrvytOxSA?si=ESY8hPJpQm_OY4Ye">
+  <img src="https://i.ytimg.com/vi/d7qrvytOxSA/hq720.jpg?sqp=-oaymwEnCNAFEJQDSFryq4qpAxkIARUAAIhCGAHYAQHiAQoIGBACGAY4AUAB&rs=AOn4CLAtjlrlbNDcV_MQ-_MHJN3KAgwpKw" alt="Observable Flutter Figma to Flutter MCP" style="max-width: 100%; height: 300px;">
+</a>
+
+## 🎥 短视频演示
 使用真实的 Figma 设计展示了 Figma Flutter MCP 的几乎所有功能。
 - 英文: https://youtu.be/lJlfOfpl2sI
 - 乌尔都语/印地语: https://youtu.be/mepPWpIZ61M
@@ -210,7 +218,7 @@ npm run build
 ```
 "从 Figma 将其导出为 SVG 资源：<figma_link>"
 ```
-#### ⚠️ 为什么 SVG 资源在生成屏幕时不起作用
+#### ⚠️ 如果 SVG 资源在生成屏幕时不起作用
 在 Figma 中矢量包括图标与钢笔工具绘制的形状，大批量导出时可能会抓取到非预期的节点；建议单独导出 SVG。该过程仍然能节省大量时间，因为会将它们保存到 `assets/svg/` 目录并更新 `pubspec.yaml`。
 
 ## 🧰 MCP 工具

README.zh-tw.md

@@ -21,7 +21,8 @@
 
 ## 📋 目錄
 
-- [🎥 影片示範](#-影片示範)
+- [🦋 Observable Flutter #70](#-observable-flutter-70)
+- [🎥 短影片示範](#-短影片示範)
 - [📝 開始使用](#-開始使用)
 - [📚 運作原理](#-運作原理--詳情請見)
 - [🛠️ 使用方式](#-使用方式)
@@ -30,7 +31,7 @@
   - [🚀 本機測試快速開始](#-本機測試快速開始)
 - [🧱 基本工作流程](#-基本工作流程)
   - [🤖 AI 程式代理協助](#-ai-程式代理協助)
-  - [⚠️ 為什麼 SVG 資源無法在螢幕產生時運作](#-為什麼-svg-資源無法在螢幕產生時運作)
+  - [⚠️ 若 SVG 資源在螢幕產生時無法運作](#-若-svg-資源在螢幕產生時無法運作)
 - [🧰 MCP 工具](#-mcp-工具)
 - [⚠️ 免責聲明](#-免責聲明)
 - [🙌🏼 致謝](#-致謝)
@@ -40,7 +41,14 @@
   - [Muhammad Hamza](#muhammad-hamza)
 
 
-## 🎥 影片示範
+## 🦋 Observable Flutter #70
+本專案已在 Observable Flutter 節目中展示，包含更完整的解說與示範：
+
+<a href="https://www.youtube.com/live/d7qrvytOxSA?si=ESY8hPJpQm_OY4Ye">
+  <img src="https://i.ytimg.com/vi/d7qrvytOxSA/hq720.jpg?sqp=-oaymwEnCNAFEJQDSFryq4qpAxkIARUAAIhCGAHYAQHiAQoIGBACGAY4AUAB&rs=AOn4CLAtjlrlbNDcV_MQ-_MHJN3KAgwpKw" alt="Observable Flutter Figma to Flutter MCP" style="max-width: 100%; height: 300px;">
+</a>
+
+## 🎥 短影片示範
 以真實的 Figma 設計展示 Figma Flutter MCP 的幾乎所有功能。
 - 英文：https://youtu.be/lJlfOfpl2sI
 - 烏爾都語/印地語：https://youtu.be/mepPWpIZ61M
@@ -210,7 +218,7 @@ npm run build
 ```
 "從 Figma 將其匯出為 SVG 資源：<figma_link>"
 ```
-#### ⚠️ 為什麼 SVG 資源無法在螢幕產生時運作
+#### ⚠️ 若 SVG 資源在螢幕產生時無法運作
 在 Figma 中向量圖包含圖示與鋼筆工具繪製的形狀，大量匯出時可能會抓取到非預期的節點；建議個別匯出 SVG。此流程仍能節省大量時間，因為會將它們儲存至 `assets/svg/` 目錄並更新 `pubspec.yaml`。
 
 ## 🧰 MCP 工具