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
🚀 I built StyleScan for the Paper Challenge
Every website has a design system hidden inside its CSS — colors, fonts, spacing tokens, components. But extracting them manually takes hours.
So I built StyleScan. You paste any website URL, and it reverse-engineers the entire design system in seconds — then syncs it directly to your Paper canvas through MCP.
The unlock was Paper MCP.
Instead of designing cards manually, I connected my agent directly to the canvas. It reads the extracted tokens and builds everything automatically:
Color swatches with hex values
Font family previews
Component style cards
Organized artboards per site
No drag. No drop. Just paste a URL and watch the canvas populate itself.
I tested it on GitHub, YouTube, and my own portfolio — each one created a completely different artboard, reflecting that site's unique visual language.
This is what Paper MCP makes possible — your canvas isn't just a design file anymore. It's a living document connected to the web.
Try StyleScan: https://stylescan-peach.vercel.app
Tech stack: Paper MCP · Node.js · PostCSS · Vercel
Cool idea!
Thank you so much! Really glad you liked it
this is such a cool use case!
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
I built something wild for the Paper Challenge🚀
It turns any GitHub repo into a visual case study — instantly.
No writing. No designing.
Just drop a repo link… and the canvas builds itself.
That’s CodeSage💯
Most devs have solid projects…
but they’re buried in README files nobody reads.
CodeSage changes that.
It reads your actual code — architecture, stack, commits —
and transforms it into a clean, dark, presentation-ready case study.
The real unlock?
Paper MCP.
I connected my AI agent directly to the canvas.
So instead of designing manually…
the agent builds everything:
• Sections
• Layout
• Insights
• Structure
All generated directly on the canvas.
No drag. No drop.
Just output.
Pick any repo → get 3 analysis modes:
*Each one gives
→ Complexity score
→ PR velocity
→ Language breakdown
→ Full Refactor Roadmap
Try CodeSage: https://codesage-871524277866.us-central1.run.app/
Tech stack:
Paper MCP · Gemini API · GitHub API · Antigravity
Great concept 🔥
Claude Design shipped today.
Making a landing page, app or deck is basically free now.
Knowing what to put on it isn’t.
Positioning and taste just became the whole game.:
This just got me SO excited 🙌
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?