AIを使っているなら全員入れるべきAgent Skill 4選【ChatGPT / Codex / Claude Code】
こんにちは。AIを効率的に使う […]
最新記事
Codexの/goalコマンドには何を書く？長い作業を任せるためのテンプレ
Codexの/goalコマンドに何を書くかを、コピーして使えるテンプレ付きでまとめました。対象・確認・実装後チェック・出力形式まで指定すると、長めの作業を任せやすくなります。
「AIで全部自動化」は半分正しくて、半分間違っている
最近は、何でもAIにやらせる流 […]
Claude Code / Codexのコード品質を上げる一番確実な方法【Context7】
Claude Codeに公式ドキュメントを参照させるだけで、コード品質が大きく変わる。Context7と/find-docsスキルを使った実体験と導入方法を解説。
HTMLのすすめ — AIに仕事させるなら専用ツールよりHTMLを経由せよ
請求書、名刺、チラシ、グラフ——仕事で使う成果物の多くは、AIにHTMLを生成させるだけで作れます。専用ツール不要、プロンプト付きで実例を紹介。
Nano Banana 2 / Pro vs ChatGPT Images — 画像36枚で徹底比較
Nano Banana 2/ProとChatGPT Imagesに同じプロンプトを投げて画像を比較。英語・日本語テキスト、フォトリアリズム、忠実度など6観点×2回で検証した結果と用途別おすすめを紹介します。
AIにブラウザ操作を任せたら失敗だらけだったのでPlaywrightを使うことにした
AIのブラウザ操作は便利だけど失敗も多い。非エンジニアでも使えるPlaywrightなら、コピペと実行だけで確実に動きます。CLIとスクリプトの使い分け、始め方を解説。
AIにUIを伝えるなら、まず「パーツの正式名称」を覚えよう
「右下の丸いボタン」ではAIに伝わらない。FAB、Toast、Breadcrumbなど、正式名称を知るだけでAIのUI出力が劇的に変わる。代表20パーツを図解付きで解説。
AIに伝わるダッシュボード設計 — 5つのパーツ × 4つの型で構造を指示する方法【コピペ可能なプロンプト付き】
AIに「ダッシュボード作って」と頼むだけでは構造がぼやけがち。KPIカード、フィルターバーなどダッシュボード固有の構成要素を名前で伝えるコツと、用途別4パターンのコピペ可能なプロンプト例を紹介します。
AIにレイアウトを伝えるなら、まず「名前のあるレイアウトパターン」を使おう【コピペ可能なプロンプト付き】
AIにサイトやUIの構造をうまく伝えるには、「見やすくして」ではなく名前のあるレイアウトパターンを使うのが近道です。Bento GridやSidebar Layoutなど、AIに通じやすい構成の語彙をやさしく整理します。