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
Imagination Portfolio
Project Links
Live Website: Website
Project Workflow / Development Process: Google Stitch
X Post: X/Twitter
Short Description
Imagination Portfolio is an interactive portfolio website designed to showcase creativity through visual storytelling, motion, and immersive design.
The project consists of four main pages:
Home
About Me
Social
Gallery
Rather than creating a traditional portfolio, I wanted the website itself to become part of the creative experience. Each page uses custom visuals, animations, motion effects, and interactive elements to make the portfolio feel alive while maintaining a consistent visual identity throughout the project.
How I Used Stitch
I started by connecting to the Stitch MCP feature and creating the four core pages of the portfolio: Home, About Me, Social, and Gallery.
Using MCP, I imported a custom design.md file into each page to establish the overall structure, visual direction, and content requirements. From there, I iterated directly within Stitch Canvas, using both Stitch and MCP together throughout the development process.
The workflow included:
Importing design specifications through MCP
Generating layouts and page structures
Creating and refining visual assets
Adding custom backgrounds and environmental elements
Iterating through prompt-based edits
Refining page layouts and visual consistency
Implementing animations and motion effects
Enhancing interactions directly inside the canvas
Everything was built and refined through Stitch Canvas and MCP until the final experience was complete.
Advanced Motion & Interactive Features
To make the portfolio feel alive, I incorporated:
Animated page transitions
Motion-based visual effects
Interactive hover behaviors
Dynamic visual elements
Custom animated backgrounds
Smooth scrolling and section reveals
These features helped transform the portfolio from a static website into a more engaging and immersive experience.
Feedback on Stitch
My overall experience with Stitch was very positive.
The combination of Stitch Canvas and MCP creates a powerful workflow that makes it possible to move from an idea to a polished interactive experience much faster than traditional methods. The ability to generate, edit, iterate, and refine directly within the canvas significantly improves the creative process.
The only challenge I encountered was during the export and deployment stage. For more complex projects, it can be difficult to ensure that everything generated within the canvas works exactly the same once the project is made live.
One improvement I would love to see is the ability for Stitch to automatically generate and organize a complete project structure during export, such as creating separate HTML files and a more organized folder structure. This would make deployment smoother and help ensure that all generated features continue working correctly after going live.
Overall, Stitch combined with MCP feels incredibly close to a complete end-to-end creative workflow and has been one of the most enjoyable AI-assisted design experiences I have used.
Respect the grind — this clearly took real effort and it shows.
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
here's my submission for the @stitchbygoogle challenge 🌊
i built merch.so
the idea: instead of spending hours on canva or going back and forth with a designer, what if there was a site where you describe your merch, talk to an AI, get the exact print-ready file and send it straight to your designer?
that's merch.so
i spent 5+ hours building it and stitch did the heavy lifting. the UI came out clean, the animations were on point, pages actually feel alive as you move through them
color swatches that shift the whole page vibe. ai custom design studio. motion on every interaction
this is genuinely the future of building interfaces. faster than anything i've used before
https://stitch.withgoogle.com/projects/11752344657284248097
#GoogleStitch #BuiltWithStitch
Google 🤝 Contra
The Google Stitch Challenge is live.
💰 $10K Prize Pool
🏆 Top 5 win $2K each
Let's stitch it.
#GoogleStitch #StitchChallenge #Contra @Stitch by Google @Contra
in my opinion, the attention gets scattered too much and the important information gets lost.
there are a lot of visual effects, and the animation flow is structured in a way that while you're focusing on one piece of information, something else starts animating somewhere else,...
We are LIVE with the Stitch Challenge!
$10k prize pool 💰 Unlimited possibilities 🚀
Everything you need to start creating is here -- we can't wait to see what you make!
Remember - all valid submissions must include:
- Link to your project or prototype
- Short written description of what you built
- Screenshots or screen recording of the experience
- Brief explanation of how you used Stitch
- Feedback on your experience using the platform
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
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?