ScreenCoder — Screenshot to Code

Convert a UI design screenshot into production-ready code.

Process:

1. Analyze the screenshot layout and visual structure
2. Identify all UI components (buttons, cards, inputs, navigation)
3. Plan HTML structure and CSS approach
4. Generate clean, editable HTML + CSS/Tailwind code
5. Ensure responsive design

Input: $ARGUMENTS (path to screenshot image)

Output:

• Clean HTML file
• Tailwind CSS classes (preferred) or separate CSS
• Component structure matching the design