ツールを投稿

taste-skill

AI生成のインターフェースをありきたりに見せないための13件のAgent Skillsです。

無料 デザイン・クリエイティブ ★ 109725
GitHubで見る →
#12 スキルリポジトリ289件中
109.7k GitHubスター
+2.3k 今週のスター
Leonxlnx 作者

// 概要

「AIエージェント向けの反凡庸フロントエンドフレームワーク」を掲げるTaste Skillは、AI生成UIのレイアウト、タイポグラフィ、モーション、余白を調整します。ミニマルなエディトリアル調やインダストリアル・ブルータリズムなど複数の表現に対応し、コードを書く前に参考画像を生成するスキルもあります。

// インストール
Install with npx skills add https://github.com/Leonxlnx/taste-skill, or copy individual SKILL.md files into a project.
// 対応環境 Claude CodeCursor

// 内容

このリポジトリには次のスキルが含まれます。

  • design-taste-frontend: 要件からデザイン言語を推定し、GSAPのコード骨格を出力します。
  • gpt-taste: GPTとCodex向けに調整し、レイアウトの変化を大きくした版です。
  • image-to-code: 先に参考画像を生成し、それに合わせてフロントエンドを構築します。
  • redesign-existing-projects: 既存UIを監査し、レイアウトと余白を修正します。
  • high-end-visual-design: コントラストを抑え、高級感のあるフォントを使う落ち着いた見た目を目指します。
  • minimalist-ui: 控えめな色使いのエディトリアル調UIを作ります。
  • industrial-brutalist-ui: スイスのタイポグラフィに基づく高コントラストのスタイルを作ります。
  • imagegen-frontend-web: タイポグラフィと余白を重視したウェブサイトのモック画像を生成します。
  • imagegen-frontend-mobile: iOS、Android、クロスプラットフォーム向けの画面モックを生成します。
  • brandkit: ロゴ、色、書体を含むブランドアイデンティティボードを作ります。