AIにUIを伝えるなら、まず「パーツの正式名称」を覚えよう
「右下の丸いボタン」ではAIに伝わらない。FAB、Toast、Breadcrumbなど、正式名称を知るだけでAIのUI出力が劇的に変わる。代表20パーツを図解付きで解説。
全記事一覧
AIに伝わるダッシュボード設計 — 5つのパーツ × 4つの型で構造を指示する方法【コピペ可能なプロンプト付き】
AIに「ダッシュボード作って」と頼むだけでは構造がぼやけがち。KPIカード、フィルターバーなどダッシュボード固有の構成要素を名前で伝えるコツと、用途別4パターンのコピペ可能なプロンプト例を紹介します。
AIにレイアウトを伝えるなら、まず「名前のあるレイアウトパターン」を使おう【コピペ可能なプロンプト付き】
AIにサイトやUIの構造をうまく伝えるには、「見やすくして」ではなく名前のあるレイアウトパターンを使うのが近道です。Bento GridやSidebar Layoutなど、AIに通じやすい構成の語彙をやさしく整理します。
AIにデザインをうまく伝える5項目プロンプト。サイトの見た目を崩さない頼み方
AIに「おしゃれにして」と頼むだけでは、サイトの見た目は安定しません。ベース思想、トーン、レイアウト、質感、禁止事項の5項目で分解して、AIにデザインを崩さず伝える方法を解説します。
AIにサイトの見た目を伝えるなら、まず「名前のあるデザインスタイル」を使おう【コピペ可能なプロンプト付き】
AIにサイトの見た目をうまく伝えるには、「おしゃれにして」ではなく名前のあるデザインスタイルを使うのが近道です。Material Designを起点に、代表的なスタイルと選び方をやさしく整理します。
WordPress運用・保守で使えるAIエージェントSkills 13選【2026年3月版】
こんにちは。 最近、AIエージェント（ChatGPTやClaude Code、GitHub Copilotなど）を使ってWordPressサイトの運用・保守をする人が増えてきました。でも「AIにWordPressを触らせ […]
公開前チェック（QA）で使えるAIエージェントSkills 10選【2026年3月版】
こんにちは。AIエージェント（Chat […]
SNS運用で使えるAIエージェントSkills 12選【2026年3月版】
こんにちは。AIエージェントのSkil […]
Webマーケティングで使えるAIエージェントSkills 19選【2026年3月版】
こんにちは。 AIエージェントSkillsシリーズ、今回は Webマーケティング領域 です。広告運用やLP改善よりも一段広い視点で、戦略設計・ポジショニング・コンテンツ設計・競合調査・リード獲得・評判監視あたりをまとめて […]
広告・LP改善で使えるAIエージェントSkills 15選【2026年3月版】
こんにちは。 AIエージェントSkillsシリーズ、今回は「広告・LP改善」カテゴリです。Web制作の「作って終わり」ではなく、 作ったあとに成果を出す フェーズで使えるSkillsを整理しました。 LPを公開したあと、 […]
Web制作のコーディングで使えるAIエージェントSkills 15選【2026年3月版】
こんにちは。AIエージェント（Chat […]
Webデザインで使えるAIエージェントSkills 11選【2026年3月版】
こんにちは。 AIエージェントSkillsシリーズ、今回は Webデザイン の領域です。前回のWeb制作編では「デザイン→実装→テスト→デプロイ」の全体像を整理しましたが、今回はその中でも「デザイン」にフォーカスして深掘 […]