Hello @leolabs , it’s been a while since I’ve posted on this forum. I’ve had some life changes that’ve pulled me away from the full-time coding world, but our group still uses Ableset consistently. I now subscribe to Claude Code, which has been insanely helpful with my crazy busy schedule. What would you recommend I do to help Claude Code “read” Ableset’s APIs? Claude could then help me to generate custom code for the project script file.
One thing I want to do (among other things) is create a custom Canvas component with a horizontal row of buttons. Once a button is clicked, I need the other buttons to disappear and the queued button to be centered horizontally in the component with a css queue animation.
Any tips and pointers in this direction would be very appreciated. Thank you for such an amazing product!
Hey @RichardB, the current beta adds a new button to the code editor that copies its contents along with the available API to your clipboard. You can paste this into an LLM of your choice and ask it to generate code for you.
To generate entire Canvases, you can upload some example Canvas files to your LLM and let it infer their structure.
Oh that’s awesome! I saw the copy icon in the past but didn’t hover over it to see the tooltip message. That will be very helpful! Thanks so much @leolabs . You are amazing!
Thanks once again for the helpful tip about copying/analyzing code.
In regards to the Canvas components, it would be VERY helpful to add a css class field that could be passed to the DOM. Use of template variables: ${}, would also be needed within the field.
Hey @leolabs , for my specific use case, I have a row of 4 “transition” jump-to buttons at the top of my playback canvas. These buttons may not all be visible, depending on the specific section. And depending on the number of visible buttons, the width will be longer/shorter. And during playback, once a button is clicked/queued, the non-queued buttons will be turned off. The graphic designer in me wants the visible button(s) to always be centered. With the ability to leverage css with these canvas buttons, I can do my own runtime width and centering logic. I can also do a more stylistic css animation for the queued button. This is the most basic use case, but I hope this makes sense. Feel free to follow up if you need further clarification
