johnpolacek
Joined 15 years ago
Karma
1,122
Submissions
126
Member since
Sep 22
Web Dev (sometime humorist)
http://twitter.com/johnpolacek
View on Hacker NewsRecent submissions
Comment · 1 month ago
So I built this completely unnecessary, over-the-top animation demo just to have fun and showcase some agent skills I created help coding agents work with GSAP.
The skills cover stuff like:
- Page transitions across frameworks (Next.js, Astro,, Nuxt, etc) - Establishing a mount → intro → outro → cleanup pattern - Fun stuff like split-text entrances, scroll choreography, and particle effects (building on the official GSAP skills)
I used to be a Flash developer, so I channeled some of that energy back when websites used to be a lot more weird, and maybe even completely unreasonable.
So there are animaxxed versions of Wikipedia, Craigslist, Hacker News, GitHub, and more. Plus a theme switcher that takes the whole thing through Bauhaus, cinematic, early web, Strong Bad, etc.
If you just want the skills: https://github.com/johnpolacek/animaxxing-skills
Comment · 8 months ago
I've been doing the "big ass text file" approach forever. This is a nice alternative that doesn't try to do too much. Enjoying it so far! Going to give this a real go to use it to plan out my next project.
Comment · 3 years ago
Yeah I found the same regarding repetition. I avoided that by seeding it with new data from NYTimes API each day.
Comment · 3 years ago
Cool! Old school no AI just good ol fashioned JS :)
Comment · 3 years ago
This is great! Pretty similar to what I did in that you have actual links to the articles and even images. If you had a cron script that auto-generated new content every day, I think that would be the only thing that I'm doing that crackernews doesn't yet.
Another interesting choice is you are generating the article content itself. It is wild how you can get it to generate markup on the fly for different styles of posts.
For my project, I'm generating structured JSON with an [OpenAI Function](https://platform.openai.com/docs/api-reference/chat/create#c...) as I found even if you tell it the format you want in the prompt, it sometimes ignores it or doesn't match exactly. Then I'm uploading the JSON and images to S3.
I didn't realize you could get a DALLE image and drop it in your own directory with a oneliner like you have. Very nice!