screenshot-to-code

Name: screenshot-to-code
Availability: InStock
Author: OneWave-AI

Official

Turn screenshots into production code.

Software Engineering #react #vue #tailwind #screenshot #code-generation #ui to code

AuthorOneWave-AI

Version1.0.0

Installs0

System Documentation

What problem does it solve?

Converts UI screenshots into runnable HTML/CSS/React/Vue code with responsive layouts and accessible markup.

Core Features & Use Cases

Layout analysis: grid, flexbox, components detection
Framework selection: React, Vue, HTML/CSS, Next.js
Code generation: complete runnable code
Accessibility: aria attributes, semantic HTML

Quick Start

Example: Convert a screenshot of a login screen into React + Tailwind code.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: screenshot-to-code
Download link: https://github.com/OneWave-AI/claude-skills/archive/main.zip#screenshot-to-code

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.

View Source Repository