Eye Terminal — a keyboard controlled entirely by your eyes. I built this for anyone who's ever ne...

Eye Terminal — a keyboard controlled entirely by your eyes. I built this for anyone who's ever ne...Eye Terminal — a keyboard controlled entirely by your eyes. I built this for anyone who's ever ne...

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

Abhishek R

• 1d

Eye Terminal — a keyboard controlled entirely by your eyes.

I built this for anyone who's ever needed to speak but couldn't use their hands or voice — no touch, no mouse, just gaze and a blink.

The entire visual design — landing screen, calibration flow, and keyboard — was built screen-by-screen in Flowstep, iterating on colors, fonts, key sizing, and layout until it felt like a real product, not a mockup.

From there, I connected Flowstep directly to Claude through MCP, pulling the actual designed screens straight out of Flowstep and building the real functional layer on top: live webcam-based gaze tracking, blink detection, calibration logic, and text-to-speech — all wired into the exact design I'd already created. Two tools, one pipeline, from idea to working prototype.

🔗 Try it live: Here 🎨 Flowstep design file: Here 🎥 Full walkthrough (2:20): Below

Built with Flowstep + Claude (via MCP).

#FlowstepChallenge @flowstep_ai

flowstepchallenge Claude Prompt Writing UX Design Flowstep

Olena Andreieva

• 17h

Awesome work! Best of luck!

Abhishek R

• 6h

Thank you @Olena Andreieva Madam

Abhishek R

• 1d

Also shared this on LinkedIn if you'd rather see it there: Linkedln I also posted this on X — link here if you'd like to check it out: X Link

Rod Acevedo

pro

• 1d

Wow this is cool! What is the stack you used to get to this?

Abhishek R

• 1d

Thanks Rod! 🙌@Rod Acevedo Designed the whole UI in Flowstep (landing, calibration, keyboard). Then connected Flowstep to Claude via MCP so Claude could pull the actual designed screens and build real functionality on top — live webcam gaze tracking, blink detection, and TTS. It's not just a prototype, it's fully working end to end.

Ravi guttedar

• 1d

Absolutely love what Flowstep makes possible. From beautiful UI design to a working AI product with MCP—this is seriously inspiring. 👏🚀

Abhishek R

• 1d

Thanks Ravi! 🙌 That's exactly the goal — Flowstep for design, Claude via MCP to turn it into a real working product, not just a mockup.

ABHI rg guttedar

• 1d

Flowstep + great ideas = incredible products.

Abhishek R

• 1d

Appreciate it! 🙌 Flowstep gave the design a real foundation, and MCP let Claude build directly on top of it.

Shreya Gouramma

• 1d

The blink-to-select interaction is so clever.Absolutely incredible work, Abhishek!

Abhishek R

• 1d

Thank you! 😊 The blink-to-select took a lot of calibration to get right, glad it comes through!

Arnvind Shayri

• 1d

Flowstep + MCP is an incredibly powerful combination. Love seeing projects like this pushing the boundaries of AI products.

Abhishek R

• 1d

Thanks Arnvind! 🙌 Flowstep + Claude via MCP really let design and functionality move as one pipeline instead of two separate steps.

Prakash Bg

• 1d

One of the cleanest MCP-powered workflows I've seen. Amazing execution.

Abhishek R

• 1d

Thanks a lot Sir !

Vikas The designer

• 21h

Unpredictable Submission! Good gob Abhishek

Nigar Naghdaliyeva

pro

• 20h

This is almost identical to my EyeText project!!!, from the concept to the visual details. I’d appreciate proper credit for the original work. You can view my original EyeText project here: https://on.contra.com/NWbkFJ

on.contra.com

Innovative Eye-Controlled Communication Experience for Accessibility

I designed EyeText 👁️, an eye-controlled communication experience for people who have difficulty speaking or using their hands. Using eye tracking and intentional blinks, users can navigate a keyboa…

Ruslana Prymak

pro

• 19h

Your Figma Makeathon project was the first thing that came to mind when I saw this submission.

Nigar Naghdaliyeva

pro

• 19h

I really don’t want to create any negativity here, especially because one of the things I love most about this platform is how designers support each other. Yes, I’ve reported it to Contra Support. As designers, we know our work may sometimes be copied, but cases this obvious...

Abhishek R

• 17h

Hi Nigar! @Nigar Naghdaliyeva Thank you so much for reaching out, and I genuinely appreciate you sharing your work.

First off, as fellow creators and builders in this space, I have huge respect for what you created with EyeText! It's so cool to see another creator who is passionate about...

Mara Mel

pro

• Jul 24

I finally built my own version.

Using Flowstep, Claude (via MCP), and Figma, I turned that childhood idea into a playable MVP where you can customize your character, choose different worlds, pick obstacle packs, and jump into the game.

🎮 Play it here: https://dino-game-ten-beige.vercel.app

🎨 Flowstep prototype: https://app.flowstep.ai/file?activeFileId=a88187e9-97f9-491d-a012-026e49a0e483

Now I have one question...

What's your highest score? 👀 Drop it in the comments—I want to see who becomes the SWAP DINO champion. 🦖🏆

flowstepchallenge Contra mobilegame Game Design Mobile Design Flowstep

Tee Ken

• Jul 24

That’s awesome work. I love how you pulled the idea together into something playable

Şule Ağaoğlu

• Jul 24

We developed the Lost Art mobile application using Flowstep, an AI-powered application development tool.

The entire app concept, user experience, interface structure, and visual design were developed directly through Flowstep, without using Figma. Lost Art is an AI-powered creative art platform designed to help users rediscover unfinished sketches and transform them into new creative possibilities. Users can upload unfinished artwork, explore multiple AI-generated creative directions, discover other artists' creative journeys, and develop their own artistic ideas. The application also features a dynamic color system that analyzes each artwork and adapts the app's visual atmosphere to reflect its unique colors and identity. Lost Art is not designed to create art instead of the artist, but to help artists discover possibilities they may not have seen themselves.

flowstepchallenge mobileappdesign mobileapp Mobile Design UX Design Web Design Flowstep

Dylan Siegel

pro

• Jul 24

Hey @Şule Ağaoğlu this is great but it looks like you're missing a link to your project. Make sure to include it in the comments here so the judges can properly review your submission.

Kieran Goodacre

• Jul 24

Nice work! - I like the combination of MCP to canvas to code

Asef Ahmed

• Jul 24

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...

Back to feed

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

Challenges

View all

Flowstep Challenge

$10KEnds in 23:05:33

easylenscontra

$10K4d left

rivebroadcastchallenge

$10K5d left

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?

Mara Mel

pro

• Jul 24

I finally built my own version.

🎮 Play it here: https://dino-game-ten-beige.vercel.app

🎨 Flowstep prototype: https://app.flowstep.ai/file?activeFileId=a88187e9-97f9-491d-a012-026e49a0e483

Now I have one question...

What's your highest score? 👀 Drop it in the comments—I want to see who becomes the SWAP DINO champion. 🦖🏆

flowstepchallenge Contra mobilegame Game Design Mobile Design Flowstep

Tee Ken

• Jul 24

That’s awesome work. I love how you pulled the idea together into something playable

Şule Ağaoğlu

• Jul 24

We developed the Lost Art mobile application using Flowstep, an AI-powered application development tool.

flowstepchallenge mobileappdesign mobileapp Mobile Design UX Design Web Design Flowstep

Dylan Siegel

pro

• Jul 24

Hey @Şule Ağaoğlu this is great but it looks like you're missing a link to your project. Make sure to include it in the comments here so the judges can properly review your submission.

Kieran Goodacre

• Jul 24

Nice work! - I like the combination of MCP to canvas to code

Asef Ahmed

• Jul 24

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...