minimalist-ui

余白が多く、文書のように読みやすい、落ち着いた画面を作りたいときに効きます。同じ公開元の gpt-taste が「動きの多い華やかさ」なら、こちらは静けさの側です。

公開元は 2026-10-19 に、このスキルを Leonxlnx/taste-skill-classics へ移しました。導入名は変わっていません。エージェントが自分で選ぶことはなく、名前で呼んだときだけ動きます。

色・書体・部品・動きの決まり

• 色白か温かみのある生成り（#F7F6F3）の地、文字は真っ黒でなく #111111 か #2F3437、差し色は淡い赤・青・緑・黄の 4 色だけ
• 書体本文は SF Pro や Geist など、見出しは欧文のセリフ体（Newsreader、Instrument Serif など）を詰めて
• 部品タイルは 1px の枠線と角丸 8〜12px、ボタンは黒地に白、影はほぼ無し
• 動き600ms でふわっと出る、ホバーでごく薄い影、時間差で順に出す。transform と opacity だけ

禁止事項

書体は Inter・Roboto・Open Sans、アイコンは細線のもの（Lucide、Feather、Heroicons）が挙がっています。見た目では、Tailwind の濃い影、大きな原色の背景、グラデーションとネオン、大きな容器・カード・主なボタンを丸薬型（rounded-full）にすること、絵文字。

文言では、「John Doe」「Lorem Ipsum」のような仮の名前、「Elevate」「Seamless」「Unleash」のような決まり文句が挙がっています。

動きや華やかさで目を引きたいとき

動きや華やかさで目を引きたいとき。gpt-taste や high-end-visual-design の側です。

ブランドの色や書体が決まっているとき

すでに決まったブランドの色や書体があるとき。このスキルは配色と書体を細かく指定するので、ブランドの決まりとぶつかります。

解析で見つかったこと

SKILL.md の解析では、外部通信・シェル実行・ファイル操作の記述は見つかっていません。同梱は Codex 向けの設定 1 件（agents/openai.yaml。自動では呼ばれない設定）だけで、本文は SKILL.md 1 枚（約 8KB）です。

配色は既存のサービスの印象に近い

配色は既存のサービスの印象に近くなります。生成りの地、#787774 の補助の文字色、淡い 4 色の差し色は、よく知られた文書のサービスの画面に近い組み合わせです。似すぎないよう、差し色や書体を自社のものに寄せてください。

書体の候補は欧文だけ

候補の中の Lyon Text は有料の書体なので、使うなら使用許諾を確かめてください。

動きを減らす設定では止める

常に動く背景の光（任意）や、順に出す演出があります。OS で動きを減らす設定にしているときは、これらを止めて中身をすぐ見せる決まりです（prefers-reduced-motion）。ホバーや押したときの反応は残してよい、としています。

仮の画像は差し替えが要る

仮の画像は差し替えが要ります。写真は picsum.photos の仮のものを使う決まりです。

インストール数

インストール数は約 30.7 万件ですが、移る前のリポジトリにあった 13 件は約 22.1 万〜45.1 万件で（2026-09-20 の上流集計）、まとめて入る配布の影響を受けている可能性があります。

よくある質問の部分はどう作りますか

箱で囲まず、項目の間を 1px の線で区切り、開閉は + と - の記号で示す、と決められています。

ソフトの画面の見本を載せたいときは

白い上の帯に小さな灰色の丸を 3 つ置いた、macOS 風の窓の枠で包む形が指定されています。