·frontend-design
</>

frontend-design

vudovn/antigravity-kit

Web UI のデザイン思考と意思決定。コンポーネント、レイアウト、配色、タイポグラフィーをデザインするとき、または美しいインターフェイスを作成するときに使用します。固定された価値観ではなく原則を教えます。

89インストール·2トレンド·@vudovn

インストール

$npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design

SKILL.md

Philosophy: Every pixel has purpose. Restraint is luxury. User psychology drives decisions. Core Principle: THINK, don't memorize. ASK, don't assume.

| ux-psychology.md | 🔴 REQUIRED | Always read first! | | color-system.md | ⚪ Optional | Color/palette decisions | | typography-system.md | ⚪ Optional | Font selection/pairing | | visual-effects.md | ⚪ Optional | Glassmorphism, shadows, gradients | | animation-guide.md | ⚪ Optional | Animation needed | | motion-graphics.md | ⚪ Optional | Lottie, GSAP, 3D |

🔴 ux-psychology.md = ALWAYS READ. Others = only if relevant.

Web UI のデザイン思考と意思決定。コンポーネント、レイアウト、配色、タイポグラフィーをデザインするとき、または美しいインターフェイスを作成するときに使用します。固定された価値観ではなく原則を教えます。 ソース: vudovn/antigravity-kit。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

frontend-design とは?

Web UI のデザイン思考と意思決定。コンポーネント、レイアウト、配色、タイポグラフィーをデザインするとき、または美しいインターフェイスを作成するときに使用します。固定された価値観ではなく原則を教えます。 ソース: vudovn/antigravity-kit。

frontend-design のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vudovn/antigravity-kit --skill frontend-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/vudovn/antigravity-kit