Codesnap

macOS menubar app to generate UI components from screenshots.

Generate Convert Improve

Install / Use

/learn @intergalacticspacehighway/Codesnap

About this skill

Quality Score

0/100

README

Codesnap

macOS menubar app to generate component code from screenshots.

playstore

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.

https://github.com/intergalacticspacehighway/codesnap/assets/23293248/6fa3baa4-43e1-491c-bc43-123b0a1c5aa7

Enjoy codesnapping

https://github.com/intergalacticspacehighway/codesnap/assets/23293248/b3485db7-f20c-49d8-a1a9-e4a06b9060cf

Related Skills

node-connect

343.1k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

90.0k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

343.1k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

343.1k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。