AI Workflow

レスポンシブとアダプティブ判断、そしてAI引き継ぎルール

ポートフォリオとAI Workflow記事の上部レイアウトを見直し、画面幅ごとの設計判断とエージェント引き継ぎルールを整理した記録。

2026年5月30日

背景

旧GitHub Pagesのポートフォリオ、タグページ、記事詳細ページを見直したところ、ページごとに上部レイアウトの密度や見え方が揃っていなかった。

単に見た目を直すだけではなく、次のAIエージェントが同じ判断を繰り返さないように、判断理由と作業履歴を残す必要があった。

判断

  • 完全な別ページを端末ごとに作るより、共通HTMLを保ちつつ画面幅に応じて密度と配置を変える方が保守しやすい。
  • ポートフォリオ、タグ、記事詳細の上部構造を揃え、ページの種類ごとの差はコピーとコンテンツで出す。
  • UI・ビルド・デプロイ判断が発生したら、AI Workflow記事またはhandoffメモとして残す。

結果

モバイル/デスクトップの表示崩れを抑え、次回以降の作業ではAGENTS.mdだけでなく過去記事とgit historyも確認するルールを残した。