← スキル一覧へ
🎨
Taste Skill — アンチ凡庸フロントエンド技能
AIが生成する平凡なUIを改善する、移植可能なAgent Skills（Claudeスキルマーケット風にインストール）。Claude Code・Codex・Cursorなどのエージェントにレイアウト・タイポグラフィ・モーション・余白の美意識を与え、参考画像やブランドキットを作る画像生成スキルも同梱。
主な機能
- AI生成UIの平凡さを改善
- フロント設計スキル12種+
- 参考画像・ブランドキット生成
- Claude/Codex/Cursor対応
インストール
Agent Skills CLIでインストール：
npx skills add https://github.com/Leonxlnx/taste-skill
単一スキルのみ：
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"
または任意のSKILL.mdをプロジェクトに直接コピー、あるいはChatGPT/Codexの会話に貼り付け。
使い方
エージェントに該当スキルを呼ばせてフロントを生成・リファクタリング：実装系はdesign-taste-frontend、minimalist-ui、industrial-brutalist-ui、redesign-existing-projectsなど。画像系のimagegen-frontend-webやbrandkitは参考画像を生成して渡す。スキルファイル冒頭のDESIGN_VARIANCE・MOTION_INTENSITY・VISUAL_DENSITY（1-10）で調整。
必要条件
npx対応のNode.js環境が必要。ChatGPT / Codex / Cursor / Claude Codeなどのエージェントと併用。参考画像生成にはChatGPT Imagesが任意。React・Vue・Svelte等に対応。
関連スキル