The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
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.
The Old Way:
Hours wasted dragging the edge of the browser, refreshing, and endlessly guessing md: and sm: classes until the layout stops breaking.
The New Way:
A 2-hour frustrating headache is reduced to a 5-second PR review.
Desktop/tablet/mobile view? Responsive design is officially a solved problem! ⚡️
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
For the @Paper_AI Challenge, I wanted to see what happens when a canvas talks directly to your agents, apps, and data.
Instead of losing context in chat windows, I used MCP to connect Paper to @NotionHQ to build a visual design loop:
1️⃣ Agent 1 pulls live Notion data onto the canvas.
2️⃣ Agent 2 generates 3 spatial design branches side-by-side.
3️⃣ Agent 3 turns the winning visual node into code.
Here's the social media links :
X : https://x.com/tomaruxai/status/2044456959152377858?s=20
Built with Paper, Antigravity, and Paper/Notion MCP. Full 110-second walkthrough below! 👇
#PaperChallenge #AI #DesignEngineering
Great use case!
Over the years I've designed many mobile apps for clients.
This one is different. It's mine.
- Two weekends.
- Figma for the design (it's hand-made)
- Claude for the code, App Store research and strategy and everything related to the app submission.
- 1 rejection from Apple, sorted out in a few minutes this morning, resubmitted for review and we're now live.
It's nothing world changing - just a kitchen timer. But it's on the App Store and I built it as a designer with zero coding skills. Gotta wrap up a case study for this soon.
P.S. Feels a bit odd to have "Developer" label above my name 🤣
Cool stuff Ivo, congrats on the lunch 😃 . You probably got this request before haha, do you mind sharing more behind the scenes of this project? For example, did you start first in Claude then doing visual refinements in Figma or the other way around?
Thanks 🫡
What if you could play games inside Paper via MCP and an IDE ?
To answer that question, I made a simple “Game and Watch” style game with Paper
MCP and Antigravity.
Here's the social link as well : https://www.instagram.com/p/DXKBXhRknt7/
Thanks to Claude for helping in refining my idea.
This is so cool!
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?