screenshot-to-code icon indicating copy to clipboard operation
screenshot-to-code copied to clipboard

Tailwind config support

Open naman1608 opened this issue 1 year ago • 5 comments

A try at https://github.com/abi/screenshot-to-code/issues/226. Tried for a few images, the code given is using the config like in the docs https://tailwindcss.com/docs/installation/play-cdn and the code does use the custom styles, but the prompt can be improved I think.

naman1608 avatar Jun 06 '24 22:06 naman1608

@naman1608 also if you're up for it, let's do a call.

abi avatar Jun 10 '24 17:06 abi

Left a few comments.

I'm also unable to see it working in action. When I tried it, I got the same visual results as without Tailwind config except that the code now include the Tailwind config. Can you share the test data you tried? I have a extensive list of images I use for testing, but they are not paired with a tailwind config file.

I tried 2-3 screenshots of a tailwind website I had made for another project, won't be able to share that sorry for that. I'll make a list of images paired with tailwind config for testing.

naman1608 avatar Jun 11 '24 19:06 naman1608

@naman1608 also if you're up for it, let's do a call.

That would be great!

naman1608 avatar Jun 11 '24 19:06 naman1608

Screenshot 2024-06-12 at 1 39 13 PM Screenshot 2024-06-12 at 11 20 27 AM Screenshot 2024-06-12 at 11 59 36 AM Screenshot 2024-06-12 at 12 40 39 PM I tried making some sample pages paired with tailwind config, it is able to pick the colors and fonts and use those custom classes. Any other thing we should check on?

naman1608 avatar Jun 14 '24 20:06 naman1608

@naman1608 Sorry for missing this. If you're interested, I'm still up for chatting, can you email me at the email in my Github profile and we'll set up a time.

abi avatar Jul 06 '24 21:07 abi