このアプリについて
AIが作りがちな「ありきたりで平凡なUI」を防ぎ、レイアウト・タイポグラフィ・余白・モーションを一段引き上げるためのAgent Skill集です。汎用の「design-taste-frontend」を筆頭に、ミニマル・ブルータリスト・既存サイトのリデザイン・画像から実装など用途別のスキルが揃っています。Claude CodeやCursor、Codexなど主要なコーディングエージェントで共通して使え、フレームワークにも依存しません。フロントエンドの見栄えに悩む開発者やデザイン専任がいないチームに役立ちます。
連携方式スキル
使い方
Claude Code がインストール済みであることを前提としています
インストールコマンド
npx skills add https://github.com/Leonxlnx/taste-skillスキルとして使う
スキルとは？ →Claude Code に特定の作業を覚えさせる命令ファイルです。/スキル名と入力するだけで呼び出せます
STEP 1ファイルを入手
SKILL.mdGitHub からダウンロードSTEP 2フォルダに配置
.claude/commands/プロジェクト or ホームにSTEP 3チャットで起動
/スキル名Claude Code のチャット欄で配置場所のイメージ
プロジェクト/
└── .claude/
└── commands/
└── skill-name.md ← ここに置く
# グローバル（全プロジェクトで使う場合）
~/.claude/commands/スキル一覧
11 件実装スキル（コード出力）
taste-skill既定のアンチスロップ・スキルv2。ブリーフから設計言語を推論し、VARIANCE/MOTION/DENSITYの3ダイアルでレイアウト・タイポ・モーション・余白を調律する。gpt-tasteskillGPT/Codex向けの厳格版。レイアウトのばらつきを大きくしGSAPの方向付けとアンチスロップを強める。image-to-code-skill参照画像を生成・分析してから、それに合わせてフロントエンドを実装する画像起点パイプライン。redesign-skill既存プロジェクトのUIを監査してから、レイアウト・余白・階層・スタイリングを修正する。soft-skill柔らかいコントラスト・余白・上質なフォント・スプリングモーションで落ち着いた高級感のUIに仕上げる。minimalist-skillNotion/Linear風のエディトリアルなプロダクトUIで、抑えた配色と端正な構造を作る。brutalist-skillスイス風タイポと鋭いコントラスト、実験的レイアウトによる硬質で機械的なデザイン言語。output-skillモデルが中途半端な成果物を出す場合に、プレースホルダーなしで完全な出力を強制する。関連のアプリをさがす
関連アプリ
同じカテゴリ・業界のアプリからナビが選びました