apple-ui-skills とは?
AppleのUIデザインシステム。 Apple の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。 ソース: ihlamury/design-skills。
AppleのUIデザインシステム。 Apple の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。
コマンドラインで apple-ui-skills AI スキルを開発環境にすばやくインストール
ソース: ihlamury/design-skills。
Opinionated constraints for building Apple-style interfaces with AI agents.
| surface-base | #FFFFFF | rgb(255,255,255) | Page background | | surface-raised | #0858DC | rgb(8,88,220) | Cards, modals, raised surfaces | | text-primary | #808080 | rgb(128,128,128) | Headings, body text | | text-secondary | #6D89B5 | rgb(109,137,181) | Secondary, muted text | | text-tertiary | #90C5F1 | rgb(144,197,241) | Additional text |
| border-default | #B5C7D8 | rgb(181,199,216) | Subtle borders, dividers | | accent | #155BD0 | rgb(21,91,208) | Primary actions, links, focus |
AppleのUIデザインシステム。 Apple の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。 ソース: ihlamury/design-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/ihlamury/design-skills --skill apple-ui-skillsAppleのUIデザインシステム。 Apple の美学 (ライト モード、インター フォント、4 ピクセル グリッド) にインスピレーションを得たインターフェイスを構築するときに使用します。 ソース: ihlamury/design-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ihlamury/design-skills --skill apple-ui-skills インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/ihlamury/design-skills