AIの調査結果を「読みやすいHTML」で受け取る。デザインの規範ごと配る/htmlスキルが話題

2026年8月1日、研究者の船蔵颯氏（@_mathbullet）が、AIエージェントの出力をHTMLの資料として受け取るためのスキルを公開していると投稿し、話題を集めました。

ポイントは、HTMLを作らせること自体ではありません。「過剰なデザイン」「場当たり的なデザイン」を避けるための部品と決まりごとを、まとめて配っているところにあります。

AIに調べ物を頼むと、長い文章がそのまま返ってきて読む気が失せる——という経験は多くの人にあるはずです。今回の話題は、そこに手を入れたものです。順番に見ていきます。

AIの出力を「読める資料」で受け取るという考え方

投稿では、HTMLをエージェントの出力を受け取る窓口として使うやり方が広がっていると述べられています。チャット画面のテキストではなく、ブラウザで開ける1枚の資料として受け取る発想です。

そもそもAIの「スキル」とは？

スキルとは、AIエージェントに特定の作業のやり方をあらかじめ教えておく仕組みです。手順や約束事を書いたファイルを読み込ませておくと、毎回細かく指示しなくても同じ品質で作業してくれます。

今回のhtmlスキルは、公開リポジトリの説明では「概念や仕組み、調査結果を説明するための視覚的な解説文書をHTMLで作成・編集する」ものとされています。

「規範ごと配る」とはどういうことか

AIにHTMLを作らせると、依頼のたびに見た目が変わります。派手なグラデーションが入ったり、色数が増えすぎたりして、読みづらくなりがちです。

このスキルには、そうならないための共通のデザイン部品と決まりごとが同梱されています。公開リポジトリで確認できる主な内容は以下の通りです。

• 共通のスタイルシートとあらかじめ用意された部品を使う
• 落ち着いた背景色に、白い要素と黒い枠線という抑えた配色を基本にする
• 強調に使う色は1ページにつき1色までに絞る
• 記号は絵文字ではなくSVGで描く
• 表は3列までにする
• 導入文のあとに目次を置く
• 数式の表示やソースコードの色分けにも対応する

「1ページ1色まで」「表は3列まで」のように、制限の形で書かれているのが特徴です。AIは指示しないと足し算をしがちなので、引き算を明文化しているわけです。

基本情報

業務でどう使える？どう変わる？

一言でいうと、AIの成果物が「そのまま人に見せられる状態」で出てくるようになります。整形にかけていた時間がそのまま浮きます。

職種別の活用アイデア

• 営業：業界動向や競合の調査を頼み、そのまま商談の事前資料として開けるページで受け取る
• マーケティング：施策の振り返りを1枚にまとめさせ、目次付きの資料として関係者に渡す
• 経理・バックオフィス：制度変更の要点を、表を3列までに抑えた読みやすい形で整理させる
• プロジェクトマネージャー：仕様や方針の変更点を並べて確認し、決定事項の記録として残す

業務がこう変わりそう

AIの調査結果が使われないまま流れていく最大の理由は、内容の質ではなく読む気になる形になっていないことです。長文がチャット欄に流れてきても、誰も最後まで読みません。

今回のような取り組みが示すのは、「何を出させるか」と同じくらい「どんな形で出させるか」が成果を左右するということです。出力の型を決めておくのは、社内の誰でも真似できる工夫でもあります。

よくある質問

まとめ：AIの出力は「形」を決めると使われ出す

今回の話題が示しているのは、成果物の体裁を先に決めておくと、AIの仕事はそのまま実務で使えるということです。凝ったデザインではなく、読みやすさのための引き算が要点になっています。

今回の内容は、船蔵颯氏（@_mathbullet）の投稿を参考にさせていただきました。読み手の負担を減らすための規範を整理し、誰でも使える形で公開されている取り組みです。

「まず自分がAIを業務で使える側になりたい」という方には、デイトラのAI業務活用コースで、プロンプトの基本からMCP・AIエージェントまで体系的に学べます。