design-from-app

Installation
SKILL.md

Design from app

Look at an app, measure it, and rebuild its design system in SwiftUI. The result is a design kit (design-kit skill) with the reference app's numbers, and one reference screen that matches the screenshot.

Guessing gets close. Measuring gets it right. Two scripts do the measuring, next to this skill:

  • scripts/measure.swift: sizes, positions, text heights, and colors from a screenshot.
  • scripts/compare.swift: a side-by-side, a diff, and the share of pixels that differ.

Run them with swift "${CLAUDE_SKILL_DIR}/scripts/measure.swift" .... All coordinates are points (pixels / 2 for a Retina capture).

1. Get the screenshots

Installs
405
GitHub Stars
938
First Seen
5 days ago