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
Wonder Spark is a concept for a lightweight design tool that is supposed to help capture inspiration from everyday objects and transform them into clean SVG assets.
This was my first time using Wonder and experimenting with an MCP workflow. I used Wonder to explore the visual direction and design the experience, then switched to Codex CLI in VS Code to begin building the interface and interaction flow before deploying the prototype with GitHub Pages.
While this submission is an early prototype still in progress, the challenge was a great opportunity to learn a completely new workflow. I enjoyed exploring Wonder's design capabilities and combining them with AI-assisted development, and I'm excited to continue building Wonder Spark beyond the challenge. View workflow video in comment.
Links: Wonder File:
https://app.wonder.so/rashida/files/019f33ce-5a7f-77af-aa96-9ca61aaf8952
Github repo: https://github.com/RashidaBuilds/Wonder-Spark Githubpages:
https://rashidabuilds.github.io/Wonder-Spark/
Link to Twitter post😍 https://x.com/RashidaBuilds/status/2074387768281538830?s=20
MY PROCESS:
Designed in Wonder
Built with Codex CLI + MCP
Deployed on GitHub Pages #wonderchallenge
One last update on Wonder Spark. ✨
I hit my Codex usage limit while adding the remaining functionality, so this is where Wonder Spark pauses for now.
This was my first time using Wonder and experimenting with an MCP workflow. I went from designing the experience in Wonder to...
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
From tattoo enquiry to confirmed appointment.
UNTITLED is a fictional independent tattoo studio in Amsterdam, built around a very real problem: tattoo bookings often live in DMs.
Clients ask about prices, availability, placement, references and custom ideas, while artists spend time managing the same back-and-forth manually.
UNTITLED brings that entire process into one connected experience.
The product has two sides:
CLIENT VIEW
Clients can browse available flash, place tattoos on a 3D body model, choose a date and time, complete a demo checkout, or submit a custom tattoo request with references, placement, size, budget and preferred availability.
ARTIST VIEW
The artist dashboard brings together bookings, payments, calendar availability, flash management, custom enquiries, quotes and activity in one place.
Both views are connected, creating a fully working end-to-end demo.
A flash booking updates the artist calendar and design availability, while a custom request appears in the dashboard for the artist to review, quote and turn into a confirmed appointment.
3D PLACEMENT
The booking flow includes an interactive 3D tattoo placement system, allowing clients to choose body type, skin tone and body area, then position, scale and rotate the selected tattoo before booking.
This replaces part of the placement conversation that would normally happen through messages.
CUSTOM REQUESTS
Not every tattoo starts from an existing design.
Clients can switch from FLASH to CUSTOM and send a structured enquiry with reference images and project details.
The artist can then review the request, create a quote and propose an appointment directly from the dashboard.
Custom request → quote → approval → booking.
FULLY RESPONSIVE
The complete experience is responsive across desktop, tablet and mobile, including the website, booking flow, 3D placement interface and artist dashboard.
DEMO
UNTITLED is a functional demo built for the Lovable Challenge.
Payments are simulated and the data is session-based so the full experience can be tested repeatedly, but the core product logic is fully interactive across both Client and Artist views.
BUILT WITH LOVABLE
I built UNTITLED entirely in Lovable, from the client-facing website to the booking logic, 3D placement experience and artist dashboard.
I also applied to the Lovable Partner Program during the challenge and I’m now officially a Lovable Partner!
Live website: https://untitledamsterdam.lovable.app/
X Post
Walkthrough video (for product and process) below.
Looks amazing, pretty clean, but a product menu in a tattoo studio feels kind of odd. But it looks nice..
Swiss-inspired web design exploration. Which one would you go with?
11 voted
37%
19 voted
63%
30 votes
Closed
expanded for user convinience
Twice a week, I usually call my barbershop and hope they have an opening.
If they’re busy cutting hair, I might not get an answer. Then comes the back-and-forth: what time works, which barber is available, what kind of cut I want, and whether they can fit me in.
So for the @Lovable #lovablechallenge, I decided to rebuild that entire experience.
Meet Twins Barbershop, a real barbershop in Arlington, Virginia.
I built a visual, mobile-first booking experience that takes someone from “Can I get a haircut?” to “You’re booked.” without needing to call the shop or send a DM.
Customers can choose a day, see available times, select their barber, browse different haircut styles like a taper fade, and confirm their appointment in just a few steps.
Once they’re booked, they get a personalized confirmation with their barber, haircut, date, time, and location. They can add the appointment to their calendar, open the shop directly in Google Maps, or manage and reschedule their appointment themselves.
On the other side, the shop gets one dashboard to manage appointments, barber schedules, availability, services, and booking rules. Confirmation and reminder workflows are also built into the backend, reducing the amount of manual follow-up the shop has to manage.
The goal wasn’t to build another booking calendar.
It was to remove the conversation that shouldn’t need to happen in the first place.
Explore the public project:
https://twins-barbershop.lovable.app/
Built with @Lovable.
#lovablechallenge
