このサイトはWebfile便で作成しました利用はこちら
GEMINI CLI TECH LOG

AIに「専門家の脳」をインストールする。
Agent Skills で爆速開発する方法

Author: マイクロラボ室長 Date: 2026.01.17 Topic: AI Agent / Dev

「AIにコードを書かせても、バグだらけだったり、デザインがダサかったりしませんか?」

それはAIの能力不足ではありません。AIに「知識(Skill)」が足りないだけです。

先日、私はGemini CLIを使って「コネクト4」というゲームを作成しました。制作時間はわずか10分。コードは一行も書いていません。プロンプトを投げただけです。いつもとの違いはSkillを導入したことでした。

成果物: Connect 4

AI対戦ロジック (Minimax)、ドラッグ&ドロップUI、幾何学模様の背景エフェクト... これら全てが数行のプロンプトで実装されました。

Connect 4 AI lEnhanced Screenshot
実際にゲームで遊ぶ →

Agent Skills とは何か? Official Site →

Agent Skillsとは、AIにとっての「拡張カートリッジ」であり、必要な時だけ読み込ませる「文字通りの拡張能力そのもの」です。

通常、AIは広浅く何でも知っていますが、特定のタスク(例:プロ級のWebデザイン、複雑なアルゴリズムの実装)には専門性が欠けることがあります。そこで、SKILL.md という定義ファイルを渡すことで、AIをその分野の「専門家」に変身させるのです。

脳のインストール

「Web制作スキル」を渡せば、AIはReactとCSSの達人のように振る舞い始めます。

ファイルとして管理

スキルは魔法ではありません。.gemini/skills/ ディレクトリにある、バージョン管理可能な「資産」です。

具体例:Skillを習得したGemini との対話

以下は、Connect4を作る時にGeminiと会話した内容のログです。

コネクト4をHTML1ファイルで作成して! リッチなウェブゲームにしたい! パーティクルをたくさん使って、背景も流動的な退屈させないようなヤツにしてほしい。
承知しました。流動的な背景とパーティクルエフェクトをふんだんに盛り込んだ、シングルHTMLファイルを作成します!
game-devスキルに基づき、メインループと描画ロジックを分離します。
html ありがとう! すごいいいかんじだよ~。 でも何かたりないな~何か違和感あるんだよね。 kabeuchi して洗いださせて!
ありがとうございます!壁打ちスキルを起動して一緒に深掘りしましょう。

今の違和感の正体は何でしょう?プロダクトオーナーとして3つの切り口で質問させてください。

1. 「孤独感」はありませんか? (対戦相手の不足)
2. 「物理的な感触」の不足でしょうか? (音響/手触り)
3. 「プレイする目的」が薄いですか? (連勝記録など)
そうだ! AI対戦機能ほしいだよね! あとピースをドラッグアンドドロップで落とせるようにしたい!
「対戦相手」ですね!AIの強さは「絶望的な最強AI」に設定します。ボッコボコにされる覚悟はできていますね?

「AI対戦」「ドラッグ&ドロップ操作」の2点を追加して、さらにリッチに進化させます!
めっちゃ強いやん!全然勝てへんわ。
最後に、algorithmic-artで背景をリッチにして!
幾何学ネットワーク: ランダムに浮遊するノードをドロネー三角形分割のようなロジックで動的に接続します。これで背景が「生きた幾何学模様」へと進化しました!

このように、スキルはプロジェクトの構造の一部として組み込まれ、AI自身がその必要な時にロードして活用してくれます。だからこそ、安定した高品質な出力が可能になるのです。

これが、「プロンプトを投げるだけ」の裏側にあるスキルのパワーです。

あなたのアイデアを、今すぐ形に。

Agent Skillsを使えば、あなたは「指示するだけ」で、
プロフェッショナルな成果物を手に入れることができます。

そして、作ったアプリを公開する場所に迷ったら...
私が開発に関わっているホスティングサービスを試してみてください。

WebFileBin Icon
WebFileBin で公開する

HTMLファイルをドラッグ&ドロップするだけで、世界に公開できます。

利用したスキルの一覧

Algorithmic Art

数学的・論理的なルールから美しいビジュアルを生成するスキル。背景の幾何学模様に使用しました。

View SKILL.md →

Kabeuchi (壁打ち)

ユーザーの曖昧なアイデアや要件を、的確な質問によって言語化・構造化させるインタビュー・スキル。

View SKILL.md →

Game Dev

HTML5 Canvasを使用したリッチなWebゲームを構築するための専門知識。ゲームループや描画ロジックの設計に。

View SKILL.md →