macOS menubar app to generate UI components from screenshots

by iOS Example

Codesnap

macOS menubar app to generate component code from screenshots.

Usage

  • Download and run the app. Do right-click and open if you see a developer warning.
  • Allow screen-sharing permissions for the app. You will see a permission popup when you run the app for the first time.
  • Get the Open AI secret key from Open AI. Make sure you have gpt-4 API access. DM me on twitter in case you don’t have a secret key and want to help with testing.
  • Paste the secret key in the app’s setting as shown below.

Screen.Recording.2023-11-18.at.11.15.48.PM.mov

  • Enjoy codesnapping

ssstwitter.com_1700329462713.mp4

GitHub

View Github