image-to-code

Name: image-to-code
Author: bgarcias

bgarcias ★ 1

This skill converts design images (Figma exports, mockups, wireframes, screenshots) into clean, semantic, accessible HTML/CSS code with SEO best practices. It activates when users provide an image of a page or component and request code generation.

Design & Frontend Code Review free agent skill

Install

> npx skills add bgarcias/image-to-code

Installs via the community skills CLI (works with Claude Code and other agents).

Source: https://github.com/bgarcias/image-to-code

What it's made of

1 skill

Commands: 0
Agents: 0
Skills: 1
MCP servers: 0
Hooks: 0

What it needs & plugs into

API keys: none
Paid services: none detected
External tools: none
Talks to: nothing external detected

Facts extracted from the plugin's files. Prose generated by claude-haiku-4-5-20251001.

Featured in

♪ TikTok · Claude Code just revealed 5 essential plugins for smarter front-end design. These tools boost UI quality, audit code, generate full design systems, convert images to code, and catch errors before depl — ai.honeycove · 24k views · Fri Sep 04

Is this your plugin?

Claim it to keep the card accurate and enter the weekly contest. Requires signing in as the GitHub owner (bgarcias).