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
Joe Ancheta
Healing Hawk Studios | https://contra.com/Helinghawkstudios
Project: VIGILANT — Sportsbook Risk & Threat Intelligence Terminal
Flowstep Workspace: https://app.flowstep.ai/file?activeFileId=a61135d3-eb66-42b3-abfc-37ef50a1abde
Live Application: https://healinghawkstudios.vercel.app/
VIGILANT is an enterprise-grade threat intelligence and risk operations terminal engineered for modern sportsbook integrity teams. It mitigates real-time latency exploitation, courtsiding, syndicate betting rings, and automated bot farming before payouts occur.
The Interactive 3-Screen Flow:
Live Odds & Anomaly Radar: Real-time velocity tracking against historical baselines, flagging sudden handle spikes ($50K across 1.2s).
Syndicate Node Canvas: An interactive network visualizer mapping shared hardware hashes, IP clusters, and multi-account correlation rings with automated bot-confidence scoring (94%).
Executive Lockdown & Audit Trail: One-click global payout freezes shielding live market liability ($142K) with automated GLI-33 regulatory compliance logs and instant IC360 / IBIA export capabilities.
Designed and prototyped inside Flowstep, then engineered into a fully interactive Next.js web application deployed on Vercel.
#FlowstepChallenge #UIUX #DesignSystems #SportsTech #NextJS #React
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
Trending
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
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?
Related posts
Built an entire fintech UI in one session - 16 screens, zero Figma files.
Connected @flowstep_ai MCP to Claude Code > generated every screen directly on the canvas via prompts. No manual pixel-pushing.
Used design skills (hallmark, impeccable, prompt-master) to refine each iteration - brutalist system, pixel-perfect spacing, consistent tokens across all routes.
Then replicated the full canvas into a @nextjs 16 app in minutes. MCP > React components, 1:1 match. Deployed to @vercel the same day.
Design tool + AI agent + framework = ship at a pace that wasn't possible before.
The workflow:
1 Prompt Flowstep canvas
2 Polish design skills
3 Replicate > Next.js code
4 Deploy Vercel
11 brutalist screens, 9 routes, 1 afternoon.
THE OG TOOL - @Flowstep X @Contra HQ
Project Link : CASHLESS
#buildinpublic #AIworkflow #FlowstepMCP #ClaudeCode #NextJS #Vercel #brutalistdesign #nocode
This is soo good, weldone Asef!
Nice work! - I like the combination of MCP to canvas to code
Built an entire fintech UI in one session - 16 screens, zero Figma files.
Connected @flowstep_ai MCP to Claude Code > generated every screen directly on the canvas via prompts. No manual pixel-pushing.
Used design skills (hallmark, impeccable, prompt-master) to refine each...
testing two versions of the new Synth navigation
one cuts into the top edge like a notch
the other floats below it like a pill
which one feels better?
12 voted
40%
18 voted
60%
30 votes
Closed
I like both, but would go with the pill because of the functionality on Mac, it would be better than the notch.