IT’S OVER FOR WEB DESIGNERS 🤯
WHAT USED TO TAKE 3 DAYS NOW TAKES 30 MINUTES.
ANTIGRAVITY × GOOGLE FLOW.
FULLY ANIMATED WEB DESIGN WITH SCROLL EFFECTS, MICRO INTERACTIONS, & SMOOTH TRANSITIONS.
IN JUST FEW CLICKS!!
THIS IS ACTUALLY INSANE 🚀
I'm building a node-based tool that turns any SVG into animated SVGs using Gemini 3.1 Pro
it preserves the original aesthetics and the results are insane
HOW TO VIBE CODE BEAUTIFUL UI
1\ sketch first, prompt second
don't start with text.
use excalidraw to draw a quick wireframe. boxes, buttons, where images go.
export it and tell the ai "follow this structure exactly"
ai copies way better than it imagines
2\ screenshot what you like
go to dribbble, mobbin, or any site you think looks clean.
screenshot the specific section you want. a nav bar, a pricing card, a hero section.
paste it in and say "copy this style"
this alone changes everything
3\ feed it a mood board for colors
you ever try telling ai "make it feel modern and warm"? it just gives you the same blue every time
use a mood board generator like Nano Banner instead. feed that image to the ai and say "reference this for the color palette"
way more unique results than hoping for the best
4\ create a design system before you build
before writing any code, define your brand colors, typography, and spacing rules.
share that with your ai tool so every component stays consistent.
most vibe coded apps look off because there's zero consistency across pages
5\ use design skills and anti pattern rules
there's an open source tool on github called "ui/ux pro max skill" built for claude that forces it to use a reasoning engine before writing any ui code.
it generates a design system based on your industry and has built in rules that ban generic ai gradients.
basically tells claude "stop making it look like every other ai app"
6\ use screenshots as your primary communication
ai is good at copying. terrible at imagining.
the more visual context you give it the less it guesses.
stop typing "make it look clean" and start showing it exactly what clean looks like
7\ fonts and icons matter more than you think
ai always defaults to the same inter/lucide combo. instant tell that its ai generated.
go grab something unique from google fonts. swap out lucide for a custom icon library like phosphor.
small change but it immediately makes your app stop looking like a template.
the real issue isn't the ai
it's that most people just type "make a landing page" and hope for the best
🎉 Let's meet at #TOKEN2049
✨ It will be a great place and time to meet the AquaFox JSC and discuss the future of #Web3 as well as the next steps for AquaFox JSC
✨Main Event: asia.token2049.com
____________________
LinkTree: linktr.ee/AquaFoxJSC
🔔 AquaFox JSC will appear at Korea Blockchain Week on 31th Aug.
🤗 Please take a appointment with us before 3rd Sep. Good to see you at Seoul - #KBW2024: IMPACT!
👇
Email: Connect@aquafox.io
Website: aquafox.io
LinkTree: linktr.ee/AquaFoxJSC
Kaidro Chronicle Live Stream
Join @pegchung and @Robert_O_Simons, along with some of our community members, @serradomago, @IamSHADR and @DroidMentality for a live session covering the latest Kaidro universe news, gameplay sessions, synergy updates, game updates, questions, and
Introducing...Moki Gang Makes a Game 🎮
The love of gaming is what brought us together, so Moki Gang, let's make history and build the next best mini game together.
Starting next week, get ready to shape shift into game designers because the Moku community is coming together to MAKE A GAME!
Kaidro Manga Chapter 4, Part 9 is now available on WEBTOON! Jump in and enjoy the latest episode. Remember to like and share it with your friends as the adventure continues!
Read Here: webtoons.com/en/canvas/kaid…