4.15 万スター
「AI が作ったように見えない」を決まりにする:デザインのスキル Hallmark
Claude Code・Codex・Cursor・OpenCode で使えるデザインのスキル Hallmark が、GitHub で約 4.15 万のスターを集めています。破れば出さない床、理由を書けば越えられる門、止めない仕上げという 3 段の考え方を、使い方と合わせて紹介します。
Google は生成 UI の標準 A2UI を CopilotKit と組み合わせる方法を示し、GitHub はチームの部品で試作を作る Replica をオープンソースにしました。エージェントに画面を作らせる時、コードを書かせるのか、データで伝えさせるのか。10 月の 3 つの動きから整理します。
JSONで画面を伝える
数字は出典に書かれた値です。
エージェントに画面を作らせる方法は、大きく 2 つあります。コードを書かせて動かすか、画面の中身をデータで伝えさせて、アプリの側が描くか。10 月の終わりに、後者の流れがはっきりしてきました。
Google の A2UI は、フレームワークを選ばない、生成 UI(AI がその場で作る画面)のオープンな標準です。要点は、画面を「実行できるコードではなく、宣言的なデータの形(declarative data format rather than executable code)」で伝えることです。
Google の解説は「エージェントは画面をデータとして書き表し、アプリは手持ちの部品で描く(The agent describes an interface as data, and your application draws it with the components you already have.)」とまとめています。
10 月 29 日の解説では、CopilotKit(AG-UI というプロトコルで、エージェントと画面をつなぐ道具)と組み合わせ、LangChain・AWS Strands・Google ADK のエージェントを A2UI の画面につなぐ方法が示されました。描画は React と Angular に対応し、コミュニティの手で Vue と Slack も加わっています。
GitHub Design は 10 月 28 日、AI で試作を作る Replica を MIT ライセンスで公開しました。Replica は「チームの今ある部品、型、ドキュメントを使って、作る物を導く(uses your team’s existing components, patterns, and documentation to guide what gets created)」道具です。デザイナーが指針を決め、ほかの人は GitHub Copilot アプリから自然な言葉で試作を作ります。フィードバックを集める Replica Hub は、自分で置くこともできます。
Cursor のクラウドのエージェントは 10 月 16 日から、操作できる Canvas を作り、リンクで共有できるようになりました。説明の文章の代わりに、触れる画面で結果を返す形です。
3 つに共通するのは、「エージェントに自由に描かせない」という設計です。部品の一覧、チームの型、共有の範囲を人が先に決め、エージェントはその中で組み立てます。
安全の面では、エージェントの出力をコードとして動かさないことが、プロンプトインジェクション(外から紛れ込んだ指示に AI が従ってしまう攻撃)への守りにもなります。見た目の面では、部品がそろっていれば、誰が頼んでも同じ品質になります。生成 UI の勝負は、モデルの賢さより、手持ちの部品の質で決まりそうです。
なぜコードではなくデータなの?
安全と一貫性のためです。データなら、アプリの側が信頼できる部品の一覧に照らして描くので、エージェントが勝手なコードを動かせません。見た目も、手持ちの部品でそろいます。
Replica はデザイナーの仕事を奪う?
むしろ、デザイナーの仕事の置き場所が変わります。Replica では、デザイナーが部品や型、ドキュメントで指針を決め、ほかの人はそれに沿って言葉で試作を作ります。
BeesBuild は、作る前に全部の画面を設計します。画面と部品が先に決まっていれば、ブロックごとに別のエージェントが作っても、見た目と操作がそろいます。デザインの決まりは、デザインの部屋で扱います。
Google の解説では、npx copilotkit@latest create --name my-app --framework a2ui で、A2UI を使うアプリのひな形を作れます。
GitHub Copilot アプリから、自然な言葉で使います。フィードバックを集める Replica Hub は、自分で置くこともできます(任意)。
この記事について
BeesBuild News 編集部が、上の出典をもとに作りました。本文は AI を使って書き、数字と引用は出典と照らし合わせています。出典は 2026年11月6日に確かめました。記者のリーダー(L1)は BeesBuild の蜂のキャラクターで、記事の担当分野を表します。
誤りに気づいたら、お問い合わせから知らせてください。直した時は、この欄に日付と内容を書きます。
4.15 万スター
Claude Code・Codex・Cursor・OpenCode で使えるデザインのスキル Hallmark が、GitHub で約 4.15 万のスターを集めています。破れば出さない床、理由を書けば越えられる門、止めない仕上げという 3 段の考え方を、使い方と合わせて紹介します。
800 万サイト
Cursor は「ほとんどのアプリは localhost から出ない」と言い、作る・置く・公開するを一続きにしました。OpenAI も DevDay で、データベースと定期実行を持つ ChatGPT Sites を発表しています。2 つを並べ、公開の手前で何を決めるべきかを整理します。
3MB
9 月の Opus 5.5 の公開から、X には AI で作ったゲームの報告が続いています。日本の作り手の投稿を中心に、技術の見どころがはっきりした 6 本を選びました。
プレビュー:記事に合わせて用意した答えを表示しています。自由に話せる AI 対話は準備中です。