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 Web Design Studio – Dark, Liquid Glass Experience
I designed a single‑page landing for an AI‑powered web design agency with a pure black background, liquid glass morphism, cinematic video sections, and Apple‑inspired typography built with React, Vite, TypeScript, Tailwind, and shadcn/ui. If you’re building a SaaS, studio, or premium tech product and want a production‑ready, AI‑driven marketing site, I’d love to collaborate.😊
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
nice work
Building a Zero-Touch Design Feedback Loop with Slack and the @Paper MCP
What if you never had to manually process a minor design revision again? As designers and developers, we easily waste 30% of our week fulfilling fast client requests—changing button colors, adjusting typography, or tweaking padding. I decided to completely automate this process.
In this project, I engineered an autonomous AI-driven workflow that physically alters native UI designs based on conversational Slack messages, proving the massive potential of the Paper MCP.
✨ The Power of the Paper MCP: Historically, AI agents have struggled to actually "see" or edit design files. By deploying the Paper MCP, I gave a raw Large Language Model the ability to programmatically traverse a 2D design canvas.
The Setup: I design the initial UI (like a Login Page) using Paper and post the screenshot to the client's Slack channel.
The Trigger: The client requests changes natively in Slack by mentioning a custom @DesignBot (e.g., "Make the login button green and change the title to 'Welcome'").
The Execution: Instead of guessing layout geometry, the AI uses the Paper MCP to dynamically query the canvas, isolate the precise target node, and duplicate the master to create a protected variant. It aligns the new design on the canvas grid and updates the styling properties natively.
The Delivery: The MCP server intercepts the final render state and pushes a flawlessly formatted screenshot right back into the Slack thread.
🛠️ Technical Stack Used:
Paper MCP: The absolute core of the project, enabling rigorous JSON-RPC access to native design layers, text bounds, and styling hooks.
Slack Bolt (Socket Mode): For threading logic, instant reaction processing, and conversational memory.
Agentic LLM Engine: Used native OpenAI tool-calling to map the complex MCP schemas directly into the AI’s brain so it never hallucinates commands.
The Result: Clients experience magical, instantaneous visual revisions directly inside their communication channels, while designers and developers win back hours of completely uninterrupted, deep-focus work.
Check out the video demo below to see the AI leverage Paper MCP to parse a layer tree and dynamically manipulate the UI!
This is the kind of workflow that quietly kills 30% of design busywork 👀
Website design I created for Raccolta Di Fondi.
Nice!
Challenges
View all
Fuser Co-create
$5K4h 03m left345 participants
Morphic Workflows
$10K3d left272 participants
Zo Computer Challenge
$10K3d left562 participants
Anything Ship & Sell Remixathon
$10K10d left195 participants
Impossible UI with Rive
$10K10d left125 participants
Runway $100k Big Pitch Challenge
$100K10d left196 participants
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?