swiftui-design-skill

swiftui-design-skill

カタログ用の概要です — スキルの全体はこちらです：wholiver/swiftui-design-skill

判断ツリー

1. スキルの全体はすでにインストールされていますか？

   • グローバル：f=~/.agents/skills/swiftui-design-skill/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • プロジェクト：f=.agents/skills/swiftui-design-skill/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
   • installed → スキルは swiftui-design-skill としてインストールされています。これを呼び出して続行します
   • pointer → 手順 2 に進みます

2. 適用範囲を検出してから、インストールします：

   [ -e ~/.agents/skills/swiftui-design-skill ] && echo "global" || echo "project"
   

   グローバル：

   npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -g -y
   

   プロジェクト：

   npx skills add wholiver/swiftui-design-skill --skill swiftui-design-skill -y
   

   Claude Code： 会話を離れずにコマンドを実行するには、! で始まるコマンドをチャットメッセージとして送信します。

注意

• ライセンス： MIT

インストール後の呼び出し

• スキル名：swiftui-design-skill
• トリガーフレーズ：「SwiftUI design」、「SwiftUI visual design」、「iOS visual design」、「SwiftUI aesthetics」

機能

汎用的な AI 生成っぽいパターンを避け、個性のある iOS／macOS インターフェースを構築するための SwiftUI ビジュアルデザインスキルです。コード構造ではなく、デザインの方向性やビジュアルスタイルの選択、レイアウトとスペーシングのシステム、タイポグラフィ、色、ブランドアセットの統合、完成した UI の多角的なデザインレビューといった 美的 層に重点を置いています。SwiftUI の画面がありきたり、または AI 生成のように見える場合、新しいアプリのビジュアルの方向性を決める場合、あるいは洗練された iOS インターフェースをプロトタイピングする場合に使用します。

使用しない場合

• SwiftUI のコードアーキテクチャ、ビューの構成、または慣用的なパターン → swiftui-patterns を使用します
• iOS 26 の Liquid Glass API、アニメーション、検証済みの UI コンポーネントコード → swiftui-claude-skills を使用します
• ビジュアルの洗練ではなく、Apple プラットフォームのインタラクションや HIG への準拠 → apple-hig-skills を使用します
• クロスプラットフォームのモバイルデザイン（Android + iOS） → mobile-app-ui-design または mobile-app-design を使用します