skills.rest
nolangznolangzCommunity·1 Agent Skills Included

pixel2svg-html

Convert raster logos into smooth editable SVG and HTML

Converts raster logos (PNG, JPG, WebP, screenshots) into clean, minimal-complexity SVG files and standalone JavaScript-rendered HTML pages. Eliminates jagged auto-tracing results by fitting the simplest smooth geometry first, with overlay QA checks and edge smoothness as a hard quality gate. Handles tricky cases like variable-width ribbons, self-crossing marks, and wordmark font matching, with a 10-iteration fitting budget and resumable progress.
43|4
↗
npx skills add nolangz/pixel2svg-html --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
nolangznolangz

pixel2svg-html

Convert raster logos to SVG and HTML files using Python, Pillow, and Numpy.

Community
Intermediate

Frequently Asked Questions

FAQPage Schema
How to install Pixel2SVG-HTML?▼

Run `npx skills add nolangz/pixel2svg-html --all -g -y` in your terminal to install this skill globally.

How to convert a PNG logo to SVG?▼

Give the skill your raster logo and it measures the image, fits the simplest smooth vector geometry, and delivers an editable SVG plus a standalone HTML version. Every fitting step is verified with overlay comparisons against the original image.

Why not just use an auto-tracing tool?▼

Auto-tracers produce noisy, jagged paths with hundreds of points. This skill favors low-complexity smooth curves that stay editable, rejecting any result with visible stair-stepped edges even if pixel overlap is high.

Can it handle complex logos like ribbons or script marks?▼

Yes. It includes a dedicated centerline-scaffold method for closed or self-crossing variable-width ribbons, plus a font-matching protocol for wordmarks.

Does Pixel2SVG-HTML create logo animations?▼

No. It only produces static vector logos. For animation, motion studies, or playback controls, use the companion Pixel2Motion skill instead.

Related Repositories in Design & Creative

View All in Design & Creative→
nextlevelbuildernextlevelbuilder
123.5k

ui-ux-pro-max-skill

AI design intelligence for professional UI, brands, and presentations

Official📦 13 Skills
shadcn-uishadcn-ui
122.7k

ui

Build and customize beautiful React component libraries with AI

Official📦 2 Skills
nexu-ionexu-io
93.2k

open-design

Open-source AI design studio for decks, prototypes, images, and video

Official📦 394 Skills