mcpField

design-from-app

daveebbelaarデザイン・UI305 回インストール

design-from-app について

ユーザーが気に入っているアプリの外観を、ネイティブ SwiftUI のデザインキットとして再構築します。スクリーンショットのサイズ、間隔、書体、色、アイコンを測定し、各要素を構築して、ピクセル単位で比較しながら一致させます。ユーザーが見た目を再現したいアプリを指定した場合、そのスクリーンショットを共有した場合、「X のようにして」と依頼した場合に使います。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://daveebbelaar/bama --skill design-from-app

インストール後、Claude Code で/design-from-appを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

measuring.md
agents/
openai.yaml
scripts/
compare.swift
measure.swift

コメント