amplitude-ui-skills とは?
Amplitude の UI デザイン システム。 Amplitude の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。 ソース: ihlamury/design-skills。
Amplitude の UI デザイン システム。 Amplitude の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。
コマンドラインで amplitude-ui-skills AI スキルを開発環境にすばやくインストール
ソース: ihlamury/design-skills。
Opinionated constraints for building Amplitude-style interfaces with AI agents.
| surface-base | #000000 | rgb(0,0,0) | Page background | | surface-raised | #FFFFFF | rgb(255,255,255) | Cards, modals, raised surfaces | | surface-overlay | #EFF0F4 | rgb(239,240,244) | Overlays, tooltips, dropdowns | | text-primary | #171717 | rgb(23,23,23) | Headings, body text | | text-2 | #383838 | rgb(56,56,56) | Additional text |
| text-secondary | #BBBBBB | rgb(187,187,187) | Secondary, muted text | | border-default | #3A3A3A | rgb(58,58,58) | Subtle borders, dividers | | accent | #3151E1 | rgb(49,81,225) | Primary actions, links, focus |
Amplitude の UI デザイン システム。 Amplitude の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。 ソース: ihlamury/design-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/ihlamury/design-skills --skill amplitude-ui-skillsAmplitude の UI デザイン システム。 Amplitude の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。 ソース: ihlamury/design-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ihlamury/design-skills --skill amplitude-ui-skills インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/ihlamury/design-skills