gpt-taste

ランディングページやポートフォリオを、動きの多い華やかな見た目で作らせたいときに効きます。同じ公開元の design-taste-frontend の系列で、こちらは強い決め打ちが多い作りです。

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

決め打ちの中身

• 毎回変える依頼文の文字数などを種に擬似の乱数で、最初の見せ場の配置 1 つ・書体 1 つ・部品 3 つ・動き 2 つを選ぶ
• 構成目立つナビゲーション → 注目 → 興味 → 欲求 → 行動（AIDA）。節の間は大きく空ける
• 見出し2〜3 行まで。幅を広げ、文字を小さくして収める
• タイル状の配置空きのマスを残さない（grid-flow-dense）。カードは 3〜5 枚
• 動き静止した画面は禁止。ホバーの反応、左の見出しを留めて右を流す、画像の拡大とフェード、文字の順次表示、カードの積み重ね
• 禁止「SECTION 01」のような飾りのラベル、見せ場に数字や小さな札、Inter の書体、絵文字

コードの前に設計を見せる

コードの前に design_plan を出し、選んだ組み合わせ、構成（AIDA）の確認、見出しの幅、マスの計算、禁止事項とボタンの文字の確認の 5 項目を示してから書く決まりです。

管理画面や業務の画面

動きと演出が必須の作りなので、情報を読む・操作する画面には向きません。

控えめで速いサイト

大きな画像と常時の動きが前提です。動きの強さを目盛り（MOTION_INTENSITY）で下げられるのは、同じ移転先にある design-taste-frontend-v2-experimental です。

解析で分かったこと

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

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

「乱数」は本物ではない

実際にプログラムを動かすのではなく、Python の実行を真似て書かせる作りです。同じ依頼文なら同じ組み合わせになりえますし、選び直したいなら依頼文で指定してください。

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

画像は picsum.photos の仮のものを使う決まりです。公開の前に、使ってよい画像に替えてください。

日本語の見出しは幅の計算が変わる

2〜3 行に収める決まりは、英語の単語の折り返しを前提にした幅の指定です。和文の見出しで行数が狙いどおりになるかは、画面幅を変えて確かめてください。

書体の候補は Satoshi、Cabinet Grotesk、Outfit、Geist の 4 つだけで、和文の書体の指定はありません。

インストール数

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

横にはみ出すスクロールが出ます

本文は、画面の外から入る動きではみ出さないよう、ページ全体を overflow-x-hidden の main で包め、としています。

ボタンの文字が見えません

本文が名指しで禁じている失敗です。暗い背景なら白い文字、明るい背景なら暗い文字、と確かめる項目が design_plan にあります。