Всем привет! Я Катя, UX/CX исследователь без технического бэкграунда и знания программирования. Я создала работающий прототип фотоприложения с неотзеркаленным live-превью. Всё это с помощью ChatGPT и Cursor AI.

Этот эксперимент начался с моего личного фрустрационного триггера, а закончился сборкой реального MVP, без какого-либо знания кода. Кто бы мог подумать, что попытка снять видео с укладкой волос приведёт к разработке собственного приложения?

Меня так часто спрашивали про укладку моих волос, что я решила снять свое первое видео в анфас. И, конечно, сразу об этом пожалела.

В чем дело?

Впервые об эффекте “mere exposure” я узнала в далекие ковидные времена, когда в тик-ток был тренд снять себя в инверсии и офигеть от асимметрии своего лица.

Мы знакомы с нашим внешним видом только через зеркало. Мозг привык к нашему зеркальному отражению и не видит явных асимметрий. Но для других мы всегда неотзеркалены. Так что лайфхак «отзеркальте свое фото и оно вам понравится» не работает, понравится только вам))

В тот момент я подумала , что нужно просто привыкнуть к своему неотзеркаленному виду и сделать селфи сразу в нужном ракурсе.

Решение

Как сделать что-то, чего никогда не делал? Конечно, обратиться к нейросетям.

Что я хотела сделать:

1. Приветственный экран, показывается один раз при первом открытии
2. Экран с камерой, где можно включить неотзеркаленное live preview
3. Сплит экран, (неотзеркаленное сверху, отзеркаленное снизу) чтобы проще было привыкнуть.

Процесс

За первые 3 дня удалось собрать 2 рабочих экрана. Стартовый и камеру, но без функционала. Это, кстати, было очень сложно!

Я хотела приложение сразу android и ios, поэтому была выбрана среда разработки react native. На моменте тестирования в expo go оказалось, что он не поддерживает нативные модули в виде камеры. ChatGPT застопорился и не смог дать мне какое-то решение.

Тогда-то я и нашла Cursor AI. Закинула туда все наработки и чудо! Проект крашанулся и не откатывался назад. Копию я тогда не сделала, было обидно.

Потратив еще какое-то время на ChatGPT (ну недели две), он так и не смог восстановить то, что мы сделали.

Cursor AI

Тогда я снова дала шанс Cursor AI. Мы с ним создали новый проект и первый экран был готов в течение часа.

Проблемы начались с подключением камеры. Честно, я сейчас уже даже не вспомню, в чем именно была проблема. То конфликты библиотек, то тестировать не на чем. В любом случае, с Cursor AI все пошло как по маслу.

Сборка приложения

Самые большие трудности были с тестированием. У меня нет аккаунта разработчика на ios, как и 99$ на это дело.

Мне приходилось делать сборки для android, но из-за старости моего устройства ничего не получалось. Внезапно курсор предложил, как можно собрать ios без платного аккаунта.

Что в итоге удалось реализовать, и оно реально работает у меня на телефоне:

1. Приветственный экран (только при первом запуске)
2. Камера (фронтальная/задняя)
3. Режим неотзеркаливания
4. Фото/видеосъемка
5. Управление вспышкой
6. Галерея

Что не удалось?

Не получилось сделать сплит-режим. Почему я считаю эту функцию важной? Меньше дискомфорта, можно быстро переключиться на свой привычный вид и постепенно привыкать к неотзеркаленному, принимая его такой же нормой.

Не удалось, потому что это действительно технически сложно, это не решение из коробки, AI не справился и я вместе с ним.

Что в итоге?Этот проект показал, что даже без технического опыта можно продвинуться довольно далеко. Какое-то MVP собрать на нем вполне реально, а разработчикам для вайбкодинга идеальное решение. Unmirror — это не про идеальный код (не берусь оценивать), а про достижение минимально работающего решения.

Со стороны кажется, что ничего сложного. Но внутри это непрекращающиеся ошибки, нестабильные сборки, конфликтующие библиотеки и баги, которые ломают весь твой прогресс. Каждое “почти получилось” — это новый файл, новая копия проекта и новая порция фрустрации.

Как бы то ни было, я довольна тем, что получилось. Если будут какие-то вопросы, с радостью отвечу! PS я открыта к новым предложениям 👉👈 Скрины сделаны с моего телефона