AIにWebの画面を作らせると、どれも似たような無難な見た目になりがちです。この指示集を読み込ませると、余白の取り方、文字の組み方、動きの付け方といった見た目の質が上がります。参考イメージを作るための指示も含まれていて、先に画像を作ってから、それを見本としてAIに実装させる流れが想定されています。
#UIデザイン#プロンプト
ミロンドが自分で確かめたこと
- 2026年8月23日「配布元を見る」の行き先が、今も開けることを確認しました。
- 2026年8月14日利用ルールの原文（LICENSE）を読みました。特別な条件は書かれていませんでした。
- 2026年7月30日公式の説明を読んで、開発が止まったというサインが無いことを確認しました。
- 2026年8月25日ミロンドが毎日数えている記録では、この17日間で お気に入りが11,122件増えました（今も使われ続けています）。
ミロンドは掲載しているすべての行き先を定期的に開いて、今も使えるかを確かめています。 利用ルールは名前だけで判断せず、原文を読んで確認しています。
「Claude Code関連」63本の中での位置
- 作ったものを仕事に使ってよいと確認できているこの分野で53本
- 黒い画面（ターミナル）の操作が要りますそうでないものが9本 →
- APIキーの用意が要りますそうでないものが43本 →
- 入れた内容は公開元に送られますそうでないものが19本 →
この数字は、ミロンドが掲載している道具を1本ずつ同じ基準で調べた結果から数えています。
これは何？黒い画面（ターミナル）で動かすツール
できること
レイアウト・文字組み・動き・余白の指示／参考イメージ作成用の指示（Web・スマホ・ブランド一式）／Codex・Cursor・Claude Codeなどで利用
誰に効く？
AIに画面を作らせているが、見た目が野暮ったくなると感じている人
用意するもの
Claude CodeやCodexなど、指示集を読み込ませられるAI道具が必要です。導入にはコマンド入力が要ります。単体では動きません。
時間のめやす
15〜30分(AIに聞きながらコピペ)
使うとこうなる
- 1npx skills addを実行→スキルが追加される
- 2作りたい画面を頼む→UI向けの指示が効く
- 3生成画像と組み合わせる→実装用の参考にできる
作れるもの・できることの例
LP案、アプリ画面案、モバイル画面、ブランドキット
使えるようになるまでの手順をひらく
- 「」という文字だけの画面を使います（Windowsなら PowerShell）
- GitHubページの「Installation」に書かれたコマンドを順番に実行
- つまずいたら、いつも使っているAIチャットに「(ツール名)のインストールを手伝って」と聞くのがおすすめ
こんな人には向かないかも
- 黒い画面（ターミナル）にまだ抵抗がある人
- 登録やAPIキーの設定を一切やりたくない人
🔑 必要な鍵（APIキー）
Anthropic（Claude） の発行ページ↗発行は無料。APIは月額プランとは別勘定で、使った分だけの課金。※Claude Codeは月額プラン（Pro等）のログインでも使える
鍵は「合鍵」の文字列。発行→コピー→ツールの設定に貼り付け、の3手です。迷ったらAIチャットに「画面つきで教えて」と。
迷ったらこれ：いつも使っているAIチャット（ChatGPT・Claude・Geminiなど）にこのツールのGitHubリンクを貼って 「これを使いたい。私のPCでの始め方を一歩ずつ教えて」と頼むのが一番の近道です。
注意点
作者が「この企画には公式の暗号資産（トークン・コイン）は一切存在しない。名前や画像を使ったものは無関係で、承認もしていない」と明記しています。人気のある企画名を騙った投資話が出回ることがあるので、そうした勧誘は詐欺と考えてください。効果は使うAIと指示の組み合わせによって変わります。はMITです。
ひとことメモ
として公開されています。内容は公式ページでもご確認ください。
このツールが活躍する場所
やりたいことから探す
taste-skillについてよくある質問
- taste-skillは無料で使えますか？
- taste-skill自体は無料で使えますが、動かすのに外部AIのAPIキーが必要です。そのAI側の利用料は別にかかります（無料枠があるものもあります）。
- taste-skillを使うのに、インストールや専門知識は必要ですか？
- コマンド入力（黒い画面）での操作が必要です。手順どおりに文字を打ち込む作業に慣れていないと、導入でつまずきやすいツールです。
- taste-skillはスマホでも使えますか？
- スマホには対応していません。パソコンが必要です。
- taste-skillは仕事（商用）で使えますか？
- ライセンスは MIT で、商用利用も認められています。ただし著作権表示を残すなどの条件が付くので、配布物に含める場合はライセンス本文を確認してください。
似ている道具との違い
同じ用途の道具と、使う前に効いてくる条件を並べました。
| 道具 | 黒い画面 | APIキー | 外部送信 | スマホ | 仕事に使える | 最終更新 |
|---|---|---|---|---|---|---|
| taste-skill（このページ） | 要る | 要る | あり | むずかしい | 可 | 2026年8月 |
| ponytail | いらない | いらない | なし | むずかしい | 可 | 2026年8月 |
| Claude Code | 要る | 要る | あり | むずかしい | 未確認 | 2026年8月 |
| rtk | 要る | いらない | なし | むずかしい | 可 | 2026年8月 |
「外部送信あり」は、入力した内容がどこかのサーバーに送られることを指します。 社外に出せない資料を扱うときは「なし」を選んでください。
Claude Code関連のほかのツール
taste-skillが合わなかったときの、同じ用途の候補です。
ponytail
AIに書かせるコードを、必要最小限に抑えさせる指示書
はじめやすい・黒い画面（ターミナル）いらない
Claude Code
ターミナルで使えるClaudeのコーディング相棒
準備がいる・黒い画面（ターミナル）が要る
rtk
AIに渡す実行結果を圧縮して料金を下げる道具
はじめやすい・黒い画面（ターミナル）が要る
Claude Flow
Claude Codeを複数並べて協調させる
準備がいる・黒い画面（ターミナル）が要る
oh-my-openagent
AI開発道具の設定を丸ごと持ち込む詰め合わせ
準備がいる・黒い画面（ターミナル）が要る
orca
同じ指示を5つのAIに走らせて良い結果を選ぶ
準備がいる・黒い画面（ターミナル）が要る