icon-connector

Internal icon library and Vite plugin

Copy for LLMs

Why this exists

I made this because I noticed a strange urge among our devs. Whenever they're building something fast or prototyping an early idea, they just grab a random ugly icon from the internet.

That's just more work for me to fix later. So I built this icon library using my favorite icon set and published a guideline for our devs' LLMs to follow when they're working like busy bees.

LLM-Ready

LLM-Ready just means a set of do's and don'ts. Don't use the two-tone version of an icon. Don't use the sharp or round variants. Stick to the default.

Don't assume you know the full context and pick a totally random icon that I'll end up fixing later. There's an instruction for the LLM to ask first: what will this icon represent, what's the context, where does it sit in the UI, before choosing anything.

Expected win

The small back-and-forth and effort of choosing icons myself is reduced. From level 4 to 0.

Unexpected win

Somehow found out that the devs actually love it because they don't have to worry about finding ugly icons from the internet anymore.

What a coincidence.