Fanie L.
Web Engineer building responsive and modern website
New to Contra
Fanie is building their profile!
This video is not sped up.
Crazy 8’s used to take a full sprint room: timer, sketches, cleanup, clustering, critique, and then translating rough ideas into screens.
For the #GoogleStitchChallenge, I wanted to test what happens when Stitch becomes part of that workflow.
I started with one polished Harbor Market checkout screen and used Stitch to generate 8 redesign directions in about 2 minutes: trust badges, delivery confidence, produce guarantees, substitution clarity, cost transparency, shopper support, risk-free first order, and speed-with-safety.
The magic is not just speed. It is how quickly the team can move from one idea into divergent options, then critique, compare, and choose what to refine.
Stitch turns Crazy 8’s from a sketching exercise into an interactive product design loop.
Generate → explore → compare → critique → refine
1
2
50
AI coding assistants are great at logic, but they are terrible at CSS because they can't see the DOM. Until now.
I just built a workflow that completely eliminates the most hated frontend chore in existence: writing mobile responsive code.
Using Antigravity and the Paper MCP, this agent acts as a headless viewport tester. It takes your desktop React code, shrinks the canvas to mobile width, visually detects overlapping text and broken flexboxes, and auto-writes the exact Tailwind breakpoints to fix it, then opens a GitHub PR. 🤯
Code the desktop layout. Tell the AI to make it responsive. Merge the PR.
3
3
259
"Home isn't a place, but a feeling."
I created this AI short film to capture the warmth of Grandma's kitchen, where time slows down and memories are made.
Created end-to-end using the CapCut Video Studio.
What’s the one meal that instantly transports you back home?
2
151
I challenged myself to stop vibe-coding UI from scratch and actually research first.
Used Mobbin to study how the world’s best apps handle hierarchy and feel. Then I rebuilt Trace (http://tracemobbinchallenge.web.app/) informed by those patterns.
The result?
Before: built from scratch, no references. Functional. Stiff.
After: same app, real research behind every decision. Completely different energy.
The lesson: Study the best, then build something better. Every time.
Trace is a creative companion for those landing in a new city. It’s designed to turn the "to-do list" of moving into a series of meaningful quests, marked by tactile interactions and high-end visual storytelling.
Try it! https://tracemobbinchallenge.web.app
4
3
239
FairShare is a real-time bill-splitting app designed for group hangouts, trips, and shared activities.
Instead of splitting a single bill, FairShare handles multiple activities with different payers, then calculates each person’s total share and determines the minimum number of transactions needed to settle everything.
No more:
“You pay A, then A pays B”
Long chains of transfers
Confusion over who owes whom
https://95szkag1sf.youware.app/
3
3
204