LLM-powered automatic styling for white-label SAAS products.

Youtube Link: https://youtu.be/vmj_HVbRTCY

Homogeneous styling is often a deal breaker for many companies purchasing white-label products. Engineers end up spending a ton of time iterating on style requests from customers. As the customer base grows, ad-hoc styling for each implementation becomes extremely time-consuming and tedious. Using LLMs we are able to automate much of the work and generate style sheets by parsing the customer's webpage code.

Chameleon downloads the webpage source code from the URL, does some pre-processing to the input and then passes it into Claude 2 to generate the component theme. We use PIL for helping reduce hallucinations.

Python, PIL, Claude, React, Stripe

Culling the DOM to fit the context Improving stability of the output and reducing hallucinations

Finishing a POC in 24 hours

100k context window enabled us to pass in the DOM

• Fonts
• Images
• Gradients
• Animations
• Able to create a comprehensive thematic library for each component.
• Continuous deploy (automatically detecting source code updates and regenerating the style sheet)