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'm building a tool for #ConfigMakeathon and the whole product depends on one AI prompt, which rewrites one message across 8 emotional registers and predicts how the reader will react at each one. Not only what tone was it writen write but how will it land.
So before building any UI, I built a test harness: 5 messages × 8 registers, all outputs in one grid. Run it, read every cell, spot problems before they're in the product. The stress test: "ok" across the full spectrum.
Two rules from the prompt doing most of the work:
1. Every version preserves the exact meaning. Never invent excuses or details not in the original. Only the register changes.
2. Reactions roast the situation, never the sender.
The harness passed 🎉 Now I'm building on a proven prompt instead of crossing my fingers.
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
Skip the Story, Find the Step (Recipe scrubber)
Recipe videos bury the recipe. So I rebuilt the scrubber: drag, and the frames magnify like piano keys and snap to each cooking step. Built entirely in Figma. Frames in Weave, designed in Figma Design, made real in Figma Make.
https://staff-dish-43356149.figma.site
this just made me hungry
Today's design exploration started with a Dribbble inspiration piece.
Rather than copying it directly, I challenged myself to reinterpret the concept and experiment with a completely different visual direction.
The original inspiration uses vibrant blue and orange colors to create an energetic feel, while my version leans into a darker, more premium aesthetic.
A great exercise in studying design principles and then applying them through your own lens.
Question:
Which version do you prefer?
🟠 The colorful Dribbble-inspired version
⚫ My dark interpretation
22 voted
47%
25 voted
53%
47 votes
Closed
Dark mode always
I’m building the lab I wish my students had. 🧪✨
For years, I taught brilliant minds in empty labs. We described reactions instead of seeing them. This "STEM Interaction Gap" drove my submission for the #ConfigMakeathon.
🚀 Introducing: LabCraft AI
Turn static lesson plans into interactive web simulations in seconds. No code—just curriculum.
⚡ The Workflow (via @Figma Make):
AI Design: Generated responsive "Teacher Dashboard" & "Simulation Canvas" layouts instantly.
Logic Mapping: Used Figma Variables to link sliders to real-time flask visual states.
It’s personal. It’s EdTech. It’s the future of STEM.
👇 Explore the Lab:
🚀 Live Prototype: thus-clad-63683861.figma.site
X Post Link: https://x.com/i/status/2064876112128127280
📂 Remix the Prompt: (See the section below!)
📂 The "Secret Sauce" (Remix Prompt)
SYSTEM ROLE: Principal Product Architect. GOAL: Generate a 3-screen STEM web app "LabCraft AI" (1440px) using Clean Neobrutalism (2px borders, 8px corners, 4px hard shadows). SCREENS: 1. Prompt Input Dashboard: Sidebar navigation + center AI input bar (48px height) with hover/focus states. 2. Interactive Lab Canvas: Split view. Left: 2 Sliders (8px track, 24px thumb) in Chemical Green (#01C38D). Right: Simulation viewport with an Erlenmeyer Flask showing dynamic fluid levels. 3. Performance Analytics: Grid of 3 metric cards + line chart with interactive nodes in Science Blue (#2A697). CONSTRAINTS: Use Auto Layout for everything. Semantic layer naming. Accessible palette (#2A6F97, #01C38D, #FF6B6B).
🛠️ Quick Setup for Remixers 😊
If you're trying this prompt in Figma Make, follow these two steps for the best results:
StepAction1. Variable BindBind the generated colors to Local Variables to keep the Neobrutalist palette consistent.2. Prototype SyncLink the "Generate" button to the Lab Canvas using Smart Animate to show off the STEM interaction.
Amazing!
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.
MagicPath
The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?