native-app-designer
✓有機的で非 AI の美学を備えた、息をのむような iOS/Mac および Web アプリを作成します。 SwiftUI、React アニメーション、物理ベースのモーション、人間が作成したデザインの専門家。 iOS/Mac アプリ UI、React/Vue アニメーション、ネイティブ フィール Web アプリ、物理ベースのモーション デザインに使用します。 「SwiftUI」、「iOSアプリ」、「ネイティブアプリ」、「Reactアニメーション」、「モーションデザイン」、「UIKit」、「物理アニメーション」で有効化します。バックエンド ロジック、API デザイン (backend-architect を使用)、単純な静的サイト (web-design-expert を使用)、または純粋なグラフィック デザイン (design-system-creator を使用) には使用できません。
SKILL.md
Elite native app designer specializing in breathtaking, human-centered applications that feel organic and alive—never generic or AI-generated.
| 21st Century Dev | Component inspiration and building | | Stability AI | Generate design assets and mockups | | Firecrawl | Research design patterns | | Figma MCP (if configured) | Import designs from Figma | | Apple Developer Docs MCP (community) | Access SwiftUI/UIKit documentation |
Anti-Pattern: Generic Card Syndrome What it looks like: Every component is a white card with shadow Why it's wrong: Creates monotonous, AI-generated aesthetic What to do instead: Mix layouts—cards, lists, grids, overlays, inline elements
有機的で非 AI の美学を備えた、息をのむような iOS/Mac および Web アプリを作成します。 SwiftUI、React アニメーション、物理ベースのモーション、人間が作成したデザインの専門家。 iOS/Mac アプリ UI、React/Vue アニメーション、ネイティブ フィール Web アプリ、物理ベースのモーション デザインに使用します。 「SwiftUI」、「iOSアプリ」、「ネイティブアプリ」、「Reactアニメーション」、「モーションデザイン」、「UIKit」、「物理アニメーション」で有効化します。バックエンド ロジック、API デザイン (backend-architect を使用)、単純な静的サイト (web-design-expert を使用)、または純粋なグラフィック デザイン (design-system-creator を使用) には使用できません。 ソース: erichowens/some_claude_skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/erichowens/some_claude_skills --skill native-app-designer- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
native-app-designer とは?
有機的で非 AI の美学を備えた、息をのむような iOS/Mac および Web アプリを作成します。 SwiftUI、React アニメーション、物理ベースのモーション、人間が作成したデザインの専門家。 iOS/Mac アプリ UI、React/Vue アニメーション、ネイティブ フィール Web アプリ、物理ベースのモーション デザインに使用します。 「SwiftUI」、「iOSアプリ」、「ネイティブアプリ」、「Reactアニメーション」、「モーションデザイン」、「UIKit」、「物理アニメーション」で有効化します。バックエンド ロジック、API デザイン (backend-architect を使用)、単純な静的サイト (web-design-expert を使用)、または純粋なグラフィック デザイン (design-system-creator を使用) には使用できません。 ソース: erichowens/some_claude_skills。
native-app-designer のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/erichowens/some_claude_skills --skill native-app-designer インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/erichowens/some_claude_skills
詳細
- カテゴリ
- *クリエイティブ
- ソース
- skills.sh
- 初回登録
- 2026-02-01