Skill · React

screenshot-to-code

Reactmcpdirectory↓ 263

Convert UI screenshots into working HTML/CSS/React/Vue code. Detects design patterns, components, and generates responsive layouts. Use this when users provide screenshots of websites, apps, or UI designs and want code implementation.

Install
$ npx skills add OneWave-AI/claude-skills --skill screenshot-to-code

Generic steps — the original listing is authoritative. Copy the command, run it where you keep agent skills, then confirm version and requirements in the original listing.

At a glance

  • Convert UI screenshots into working HTML/CSS/React/Vue code.
  • 263 installs reported on mcpdirectory.
  • Published by OneWave-AI — listed by mcpdirectory. Setup details live in the original listing.

Capabilities

HTML

Auto-detected from the listing text — confirm in the original listing.

How to use

  1. Copy the Install command above.
  2. Run it where you keep agent skills.
  3. Confirm version and requirements in the original listing.

More in React

  • apollo-client — Use Apollo Client for GraphQL
  • chakra-ui-builder — Build interfaces with Chakra UI
  • chakra-ui-refactor — Refactor Chakra UI code
  • mobile-design — Mobile-first design and engineering doctrine for iOS and Android apps.
  • ui-ux-expert-skill — Technical workflow for implementing accessible React user interfaces with shadcn/ui, Tailwind CSS, and TanStac
  • 3d-web-experience — Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D

More from OneWave-AI

  • budget-optimizer — Analyze spending patterns and find savings. 50/30/20 rule, subscription audit, debt payoff strategies, emergen
  • linkedin-sales-navigator-alt — Build targeted prospect lists by analyzing LinkedIn profiles, extracting job titles, companies, locations, and
  • financial-document-parser — Extract and analyze data from invoices, receipts, bank statements, and financial documents. Categorize expense

← Back to Skills catalog · View original listing ↗

Outdated or wrong? Report this listing.