I have to say, I am truly enjoying the power of Claude and Custom Components. I’ve started converting some of my HTML components over to actual custom components with inspector controls. I am no programmer, but evidently Claude is. I’ve converted my Read by Author, Copy Article and created a Read Time component (until Massimo gets back from vacation and I will revert back to his ReadTime). It was able to incorporate the Gradient background functionality of Tailwind 4 as well.
It said it was possible and told me how to add create a Dev Pack. So then my second prompt was:
Elements 3 now supports Tailwind 4. What I would like is a component that estimates Read time for the articles with a styleable button that uses svg icon that can be colored and the text of the button supplied by the user in a text box. It would need margin and padding controls.
From that point on it was a back and forth of adding things to the inspector until I had what I wanted.
Nice work! May I ask which Claude model you used? Sonnet, Opus, Fable? Effort level? Obviously the lessor the model the more efficient it is, that’s why I ask.
very cool - I like it a lot!!!
