MI StudioのWeb検品キット

MI StudioのWeb検品キット｜MI Studio

AIで制作したWebページの表示・リンク・CSSのばらつきを検査するローカルキット。

実際の要素と問題箇所を示すHTML検品票を作り、コピー上で修正して前後を比較する構成です。調整後のCSS変数と日本語ルールを書き出す機能も案内しています。

機能・検査：色・文字・余白などのばらつきとリンク・画像・画面の崩れを確認／確認 2026-09-14／https://brain-market.com/u/mistudio/a/b3AjN0YjMgoTZsNWa0JXY

機能・修正と比較：コピー上の修正と再計測、前後スライダーを提供／確認 2026-09-14／https://brain-market.com/u/mistudio/a/b3AjN0YjMgoTZsNWa0JXY

機能・再利用：CSS変数・日本語の設計ルールと公開前の判定を出力／確認 2026-09-14／https://brain-market.com/u/mistudio/a/b3AjN0YjMgoTZsNWa0JXY

対象：AIで作ったWebページを公開前に確認する人。形式：ローカル検査キット。言語：日本語の公開説明。利用条件：有料教材・配布商品の購入が必要。外部AIサービスの契約・利用料は提供内容に含まれるか別途確認。

確認事項（編集部）：Claude CodeまたはCodexとNode.jsが必要です。点数はデザインの優劣やAI生成判定ではなく、測定できない項目は人が確認します。

出典：MI Studio「「なんかダサい」を数字にする｜AIが作った画面の色・文字サイズ・余白のばらつきを0〜100で採点し、原因の行を名指しして、直した案まで出すキット」／公開・更新情報：2026-09-07／確認日：2026-09-14／https://brain-market.com/u/mistudio/a/b3AjN0YjMgoTZsNWa0JXY

MI StudioのWeb検品キット

関連ページ