A-TIER skill
Claude β Original project from @danielsnows
100k ft β What is this?
Claude β Original project from @danielsnows
50k ft β Why care?
Prompt breakdown in my bio (post May 22) π β @Edited; uses Claude, Cursor.
10k ft β Key takeaways
(no takeaways yet)
5k ft β Tools & techniques
Claude, Cursor
(no techniques tagged)
1k ft β Deep-dive / try it
Prompt breakdown in my bio (post May 22) π
Original project from @danielsnows
Leveraged a strong aesthetic direction from the original project. Within 1 prompt, ofc not yet perfect, do you think Claude did a great job?π
#claudecode #promptengineering #webdesign #interactiondesign #productdesign
serenainux
Β
6w
Hi everyone, the guide is posted on my bio (post in May 22) π
Transcript excerpt
How about we create this type of banner in one crumb with conco. So the one is to create the SS, I use net open edda to generate the hero image and split it into 9 png layers, instead to let's analyze what we have in the banner. So there are three phases, landing to transition, to idle, and in idle phase there's also cursor interaction. You will have to define each phase clearly because AI doesn't already take what layers goes before which. Each event also needs an exact time style. So next is to test with clawed artifacts, before touching clawed code, I want to preview the interaction so that I can save hours of debugging in the actual project. Once the artifact feels right, I convert it into a clawed skill which including crumb, structure and the rules. Now I can rebuild this type of banner in one message anytime I want to. So leave me a comment if you are interested in the master crumb and the code skill.