Here's my guide to making Claude adapt your taste (TLDR; scroll down to find the skills. md link)
> open figma, yes you need figma
> Download one frame
> Preferably a page/s with lot of components (ex: dashboard with left nav, cards, buttons, colors, icons)
> Upload it as a reference guide
> go back to figma, right click the frame where you exported the image from, go to copy/paste as -> copy code -> css (all)
> Add that code, along with reference image in claude
> ask ai to build the page
> tinker with it till it looks 1:1 (css variable we have added speed up this process)
> you can keep adding other pages image & code, so you have more variables to build an entire app
> once you're happy, ask ai to generate a design. md file so you can apply this to any app
New Chat
> Now try this: upload a sample IA flow (login/dashboard/chat/tables etc) + the design. md you just generated (also give 2 lines of context about the IA & the product)
> you get a brand new app with entirely new flows, pages etc but with your design taste attached to the design. md file
Skills md file - copy from here https://t.co/m12TSLqdf1
Introducing Custom Agents. The AI team that never sleeps 🌙
They’re autonomous, built for teams, and easy for anyone to build. Give them a job, set a trigger or schedule, and they'll get it done 'round the clock.
Sam Altman says we are sitting on a capability overhang
The models we already have are more powerful than most people realize, and they are about to get much better this year
We've been figuring out how to communicate what's coming without sounding like hype