{"id":9865,"date":"2026-07-04T08:24:46","date_gmt":"2026-07-04T00:24:46","guid":{"rendered":"https:\/\/infernews.com\/blog\/a2ui\/"},"modified":"2026-07-04T16:26:46","modified_gmt":"2026-07-04T08:26:46","slug":"a2ui","status":"publish","type":"post","link":"https:\/\/infernews.com\/blog\/a2ui\/","title":{"rendered":"Google A2UI \u60f3\u8b93 AI Agent \u76f4\u63a5\u8b1b\u51fa\u4ecb\u9762"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/infernews.com\/blog\/wp-content\/uploads\/2026\/07\/a2ui_gallery_examples.jpg\" alt=\"Gallery of A2UI components\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A2UI \u662f\u4e00\u500b\u958b\u6e90<strong>\u6846\u67b6\uff0f\u5354\u5b9a\u683c\u5f0f<\/strong>\u9805\u76ee\uff0c\u6838\u5fc3\u662f\u8b93 AI agent \u7528\u5ba3\u544a\u5f0f JSON \u7522\u751f\u53ef\u66f4\u65b0\u7684\u4e92\u52d5\u4ecb\u9762\u3002\u5b83\u8981\u89e3\u6c7a\u7684\u554f\u984c\u5f88\u76f4\u63a5\uff1aagent \u4e0d\u53ea\u56de\u6587\u5b57\uff0c\u9084\u53ef\u4ee5\u5b89\u5168\u5730\u628a\u8868\u55ae\u3001\u5361\u7247\u3001\u6309\u9215\u7b49 UI \u4ea4\u7540\u524d\u7aef\u6216\u539f\u751f\u5ba2\u6236\u7aef\u6e32\u67d3\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9019\u500b\u9805\u76ee\u7684\u53d6\u5411\uff0c\u548c\u76f4\u63a5\u8b93 LLM \u8f38\u51fa HTML\u3001JavaScript\uff0c\u6216\u8005\u5728\u524d\u7aef\u57f7\u884c agent \u751f\u6210\u7a0b\u5f0f\u78bc\u5f88\u4e0d\u540c\u3002A2UI \u628a\u4ecb\u9762\u63cf\u8ff0\u540c\u5be6\u969b\u5143\u4ef6\u5eab\u5206\u958b\uff0cclient \u53ea\u6703\u6e32\u67d3\u5df2\u9810\u5148\u4fe1\u4efb\u7684\u5143\u4ef6 catalog\uff0c\u5b89\u5168\u6027\u8f03\u9ad8\uff0c\u4f46\u4ee3\u50f9\u662f\u81ea\u7531\u5ea6\u53d7 catalog \u548c renderer \u80fd\u529b\u9650\u5236\uff0c\u4e26\u975e\u60f3\u756b\u751a\u9ebc\u4ecb\u9762\u90fd\u53ef\u4ee5\u5373\u6642\u505a\u5230\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u73fe\u6709\u8cc7\u6599\u986f\u793a\uff0cA2UI \u4ecd\u5c6c <strong>early stage public preview<\/strong>\uff0c\u76ee\u524d\u751f\u7522\u7248\u672c\u70ba v0.9.1\uff0cv1.0 specification \u5247\u662f release candidate\u3002\u90e8\u7f72\u8207\u7406\u89e3\u65b9\u5f0f\u4e0a\uff0c\u5b83\u8f03\u50cf\u4e00\u500b\u8981\u63a5\u5165\u73fe\u6709\u7522\u54c1\u7684\u57fa\u790e\u5c64\uff1aagent \u7aef\u8f38\u51fa A2UI JSON\uff0cclient \u7aef\u7528\u5c0d\u61c9 renderer \u8f49\u6210 Flutter\u3001Angular\u3001Lit\u3001Web \u6216\u5176\u4ed6\u539f\u751f UI\uff1b\u5b98\u65b9\u7db2\u7ad9\u6709 Quickstart\u3001Client Setup\u3001Agent Development \u540c renderer \u6587\u4ef6\uff0c\u4f46\u9019\u4efd\u8cc7\u6599\u672a\u5217\u51fa\u5b8c\u6574\u5b89\u88dd\u6d41\u7a0b\uff0c\u4ea6\u770b\u4e0d\u5230\u4e00\u9375\u63a5\u5165 OpenClaw\u3001OpenCode\u3001Codex\u3001Hermes Agent\u3001Copilot\u3001Pi \u7684\u7ba1\u7406\u4ecb\u9762\u6574\u5408\u8cc7\u8a0a\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b83\u7684\u512a\u52e2\uff0c\u5728\u65bc\u589e\u91cf\u66f4\u65b0\u548c\u8de8\u6846\u67b6\u53ef\u651c\u6027\u3002README \u63d0\u5230 UI \u6703\u4ee5\u6241\u5e73\u5143\u4ef6\u6e05\u55ae\u52a0 ID \u95dc\u806f\u8868\u793a\uff0c\u9019\u7a2e\u7d50\u69cb\u5c0d LLM \u8f03\u53cb\u5584\uff0c\u4e5f\u65b9\u4fbf\u4e32\u6d41\u66f4\u65b0\uff1b\u540c\u4e00\u4efd A2UI payload \u7406\u8ad6\u4e0a\u53ef\u4ee5\u6620\u5c04\u5230\u4e0d\u540c\u5ba2\u6236\u7aef\u3002\u76f8\u6bd4\u7d81\u6b7b\u67d0\u4e00\u500b\u524d\u7aef\u6846\u67b6\u7684\u505a\u6cd5\uff0c\u9019\u66f4\u9069\u5408\u591a\u7aef\u7522\u54c1\u3001\u5167\u90e8\u5de5\u5177\u5e73\u53f0\uff0c\u6216\u8005\u9700\u8981\u8de8\u4fe1\u4efb\u908a\u754c\u628a agent \u80fd\u529b\u4ea4\u5230\u7528\u6236\u624b\u4e0a\u7684\u5718\u968a\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u91cd\u9ede\u53ef\u6982\u62ec\u70ba\uff1a<br \/>\n&#8211; \u4e0d\u662f\u6a21\u578b\uff0c\u800c\u662f\u8b93 agent\u300c\u8b1b UI\u300d\u7684\u5354\u5b9a\u8207\u51fd\u5f0f\u5eab<br \/>\n&#8211; \u6838\u5fc3\u8ce3\u9ede\u662f<strong>\u5b89\u5168\u6e32\u67d3<\/strong>\uff0c\u907f\u514d\u76f4\u63a5\u57f7\u884c LLM \u751f\u6210\u7a0b\u5f0f\u78bc<br \/>\n&#8211; \u652f\u63f4\u589e\u91cf\u66f4\u65b0\uff0c\u8f03\u9069\u5408\u4e32\u6d41\u5f0f\u4e92\u52d5\u4ecb\u9762<br \/>\n&#8211; \u53ef\u5c0d\u63a5\u591a\u7a2e\u524d\u7aef\u6280\u8853\uff0c\u4f46\u524d\u63d0\u662f\u8981\u5148\u6709 renderer \u548c\u5143\u4ef6 catalog<br \/>\n&#8211; \u6587\u4ef6\u5df2\u898b\u7248\u672c\u6f14\u9032\u8207\u793a\u7bc4\u5834\u666f\uff0c\u516c\u958b\u8cc7\u6599\u672a\u63d0\u4f9b\u660e\u78ba\u6027\u80fd\u8dd1\u5206<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6027\u80fd\u8207\u73fe\u6709\u5167\u5bb9\u8f03\u8457\u91cd\u8a2d\u8a08\u7406\u5ff5\u3001\u7248\u672c\u6f14\u9032\u8207\u793a\u7bc4\uff0c\u800c\u4e0d\u662f\u57fa\u6e96\u6e2c\u8a66\u6578\u5b57\uff0c\u6240\u4ee5\u4e0d\u5b9c\u628a\u5b83\u7406\u89e3\u6210\u8ffd\u6c42\u901f\u5ea6\u6392\u884c\u699c\u7684\u9805\u76ee\u3002\u8f03\u53ef\u80fd\u53d7\u76ca\u7684\u662f\u6b63\u5728\u505a agent \u7522\u54c1\u7684\u524d\u7aef\u5718\u968a\u3001\u5e73\u53f0\u5de5\u7a0b\u5718\u968a\uff0c\u4ee5\u53ca\u9700\u8981\u628a\u8cc7\u6599\u6536\u96c6\u3001\u4efb\u52d9\u59d4\u6d3e\u3001\u8de8\u7aef UI \u5448\u73fe\u6574\u5408\u8d77\u4f86\u7684\u4f01\u696d\u61c9\u7528\uff1b\u76f8\u95dc\u6280\u8853\u8108\u7d61\u5247\u5305\u62ec AI agents\u3001MCP\u3001Flutter\u3001Angular\u3001Lit\u3001React\u3001SwiftUI\uff0c\u4ee5\u53ca A2A extension\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/a2ui.org\/\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>\u9805\u76ee\u4e3b\u9801<\/strong><\/a> \u00b7 <a href=\"https:\/\/github.com\/a2ui-project\/a2ui\" rel=\"noopener noreferrer\" target=\"_blank\"><strong>GitHub<\/strong><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A2UI \u4e0d\u662f\u804a\u5929\u6a21\u578b\uff0c\u800c\u662f\u4e00\u5957\u8b93 AI agent \u7522\u751f\u4e92\u52d5\u4ecb\u9762\u7684\u958b\u6e90\u683c\u5f0f\u8207\u51fd\u5f0f\u5eab\u3002\u5b83\u4e3b\u6253\u5b89\u5168\u3001\u53ef\u8de8\u5e73\u53f0\u6e32\u67d3\uff0c\u9069\u5408\u8981\u628a agent \u63a5\u5165\u7522\u54c1\u7684\u4eba\u3002<\/p>\n","protected":false},"author":8,"featured_media":9864,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ai_generated_summary":"","footnotes":""},"categories":[133,116,178,151,190,197],"tags":[],"class_list":["post-9865","post","type-post","status-publish","format-standard","hentry","category-133","category-agentic","category-google","category-mcp","category-openclaw","category-framework"],"_links":{"self":[{"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/posts\/9865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/comments?post=9865"}],"version-history":[{"count":1,"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/posts\/9865\/revisions"}],"predecessor-version":[{"id":9870,"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/posts\/9865\/revisions\/9870"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/media\/9864"}],"wp:attachment":[{"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/media?parent=9865"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/categories?post=9865"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/infernews.com\/blog\/wp-json\/wp\/v2\/tags?post=9865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}