Compose Multiplatform 1.12.0 гарлаа: AI кодинг агентуудад "нүд, гар" бэлэглэсэн MCP серверийн интеграц

Орчин үеийн программ хангамжийн хөгжүүлэлтэд Cursor, Claude Code, Windsurf зэрэг AI кодинг агентууд өдөр тутмын хэрэглээ болсон билээ. Гэвч UI хөгжүүлэлтийн хувьд нэгэн томоохон саад байсаар ирсэн: AI агент код бичиж чаддаг ч өөрийнхөө хийсэн өөрчлөлт дэлгэц дээр хэрхэн харагдаж байгааг, ажиллаж байгаа эсэхийг өөрөө харж, тестэлж чаддаггүй байв. Хөгжүүлэгч заавал дэлгэцийн зураг (screenshot) авч өгөх, эсвэл алдааны логийг хуулж өгөх гэх мэт "гар ажиллагаа" шаардагддаг байлаа.

JetBrains энэ саадыг арилгах зорилгоор Compose Multiplatform 1.12.0 шинэ хувилбараа танилцуулж, Compose Hot Reload дотор суурилуулсан Model Context Protocol (MCP) серверийг албан ёсоор дэлгэлээ. Энэ нь AI агентад ажиллаж буй аппликэйшний дотоод орчинд шууд нэвтэрч, "нүдтэй, гартай" мэт ажиллах боломжийг олгож байна.

AI ба UI хөгжүүлэлтийн битүү гогцоо (Closed Feedback Loop)

Compose Multiplatform 1.12.0-ийн хамгийн онцлох боломж бол AI агентыг бодит цаг хугацаанд (runtime) ажиллаж буй десктоп аппликэйшнтэй MCP протоколоор холбосон явдал юм.

Anthropic-ийн санаачилсан нээлттэй стандарт болох Model Context Protocol (MCP) нь AI загваруудад гадаад систем, өгөгдлийн сан, хэрэгслүүдтэй шууд Tool Call хийх боломж олгодог. Compose Hot Reload-д уг серверийг суулгаж өгснөөр AI агент дараах 16 орчим тусгай хэрэгслийг (tools) бие даан дуудаж ажиллуулах чадвартай болжээ:

take_screenshot: Ажиллаж буй цонхны зургийг систем түвшний найдвартай бус хэрэгсэл ашиглахгүйгээр аппликэйшний дотоод рендерингээс шууд татаж авч, UI дизайнтай харьцуулан шинжлэх.
get_semantic_tree: Compose-ийн Semantics Tree бүтцийг уншиж, дэлгэц дээр ямар текст, товчлуур, жагсаалт хаана байрлаж байгааг нарийвчлан тодорхойлох.
click, type_text, scroll: Хэрэглэгчийн товшилт, бичвэр оруулах, гүйлгэх үйлдлүүдийг симуляци хийж, хэрэглэгчийн урсгалыг бодитоор тестлэх.
reload: Кодонд засвар хийснийхээ дараа Compose Hot Reload-ийг өдөөж, өөрчлөлтөө шууд аппликэйшнд тусгах.
get_logs & get_ui_error: Composable функц дотор гарсан runtime exception болон програмын логуудыг шууд уншиж, яагаад дэлгэц хоосон байгааг оношлох.

Үүний үр дүнд AI агент кодоо өөрчлөх -> Hot reload хийх -> UI-аа шалгах -> Хэрэглэгчийн үйлдэл хийж алдаа гарч буйг илрүүлэх -> Алдаагаа өөрөө засах гэсэн бүрэн бие даасан feedback loop үүсгэж байна.

// Жишээ: Төслийн үндсэн хавтсанд mcp.json тохируулах
{
  "mcpServers": {
    "compose-hot-reload": {
      "command": "./gradlew",
      "args": ["--no-daemon", "--quiet", "--console=plain", "hotMcpServer"]
    }
  }
}

Compose Multiplatform 1.12.0-ийн бусад гол шинэчлэлүүд

MCP интеграцоос гадна энэ хувилбарт Kotlin хөгжүүлэгчдэд зориулсан хэд хэдэн чухал асуудлыг шийдвэрлэжээ:

1. Web дээрх Automatic Font Fallback

Өмнө нь Compose Web дээр тухайн төсөлд ачаалаагүй фонтын тэмдэгтүүд (жишээ нь, Араб, Япон, Эможи г.м.) дэлгэцэнд "тофу" (дөрвөлжин □ тэмдэг) болон гардаг байсан. Шинэ хувилбарт тохирохгүй тэмдэгт тааралдвал уг тэмдэгтийг агуулсан Google Noto фонтын дэд хэсгийг сүлжээнээс динамикаар татан авч текстийг дахин рендерлэдэг (recompose) болсон тул бүх хэлний тэмдэгт, эможи алдаагүй харагдана.

2. Desktop Window & Dialog API v2

androidx.compose.ui.window.v2 багцад WindowState болон DialogState-ийн 2-р хувилбар орж ирлээ. Энэ нь десктоп аппликэйшн хөгжүүлэгчдэд цонхны хамгийн бага/их хэмжээ (min/max size), олон дэлгэцтэй (multi-monitor) үед аль дэлгэц дээр ямар байрлалтай нээгдэх, эцэг цонхтойгоо хэрхэн харьцах зэрэг нарийн удирдлагыг өгдөг болсон.

3. Skia Milestone 150 & iOS сайжруулалт

Skiko-ийн суурь график хөдөлгүүр Skia M150 хувилбар руу шинэчлэгдсэн бөгөөд iOS дээрх LazyLayout (жагсаалтын гүйлгэх хурд)-ийн ажиллагааг зурж буй үе шатаас (drawing phase) гадуур боловсруулснаар гүйлгэлт илүү зөөлөн, хурдан болсон байна.

Дүгнэлт: Агентын үеийн UI хөгжүүлэлтийн ирээдүй

Өнөөг хүртэл агентлаг кодинг хэрэгслүүд ихэвчлэн backend логик, unit тест эсвэл ерөнхий алгоритм дээр илүү сайн ажиллаж, харин визуал төлөв шаарддаг Frontend/UI хөгжүүлэлтэд хүний оролцоо их шаарддаг байв. Compose Multiplatform 1.12.0 нь IDE, Framework, болон AI агент хоорондын ханыг MCP стандартын тусламжтайгаар нурааж буй анхны томоохон практик жишээнүүдийн нэг болж байна.

Хэрэв та Kotlin Multiplatform төсөл хөгжүүлдэг бол төслөө 1.12.0 хувилбар руу шинэчилж, Claude Code эсвэл Cursor-тэйгээ холбоод AI-аар UI-аа бие даан тестлүүлж туршаад үзээрэй!

Эх сурвалж: JetBrains Blog, InfoWorld, Kotlin Multiplatform Release Notes