Leaderboard/Design/image2_UI_skill
Last commit on August 28, 2026·Created on April 25, 2026

zhu-guli326/image2_UI_skill

Translates visual design references and screenshots into functional, clickable user interfaces.
Combined rank
#594
across all skills
In Design
#54
category rank
Stars
322
7d change unavailable
Forks
27
Watchers
0
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of real attention, adoption, and active maintenance.
TL;DR

This skill enables the conversion of UI screenshots or design descriptions into real code. It provides a structured approach for developers and designers to recreate existing interfaces faithfully or generate new designs from visual references.

By distinguishing between recreation, redesign, and creation workflows, the skill ensures that interface chrome is implemented with actual code while complex bitmap assets are handled through designated image generation.

WHO IT'S FOR
Frontend engineers
convert UI screenshots into functional code prototypes
UI/UX designers
prototype clickable demos from design references
Product managers
generate initial UI mocks from text descriptions
Rapid prototyping teams
iterate designs using visual-to-code workflows
Repository contents

1 skill file

Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Want to install it?
Manual CopyRepository instructions