Изи навыки опубликовал целиком. Кайфуйте.

Смотреть плейлист
Смотреть плейлист
Смотреть плейлист

@easyaboutdesign

За 3 часа стрима получилось сделать mvp!

Основная цель стрима показать:
- как без знаний начать работу в cursor.com
- как создавать правила
- на старте вам не нужны знаний, надо пробовать
- и пробуя, спрашивать курсор "как с тобой работать" "как создавать правила"
- не копируйте чужие промпты!
- используйте свои знания чтобы создавать на их основе правила, которые помогут ИИ регулировать сам себя
- сначала определить цель, контекст, ограничения и критерии плохого и хорошего результата

Вот что мы сделали:
- сделали mvp конструктора матрицы компетенций с отправкой от роли lead к designer, последний может узнать у ИИ про компетенции
- и оно работает!

Технический стек:
- фронт: react + reactflow.dev (для схем)
- бэкенд: supabase (бесплатный план)
- регистрация/авторизация по otp (код на почту)
- две роли (designer / lead)
- создание компетенций на схеме и отправка от роли lead обновленной матрицы на designer
- подключили ИИ (chatgpt) к нодам чтобы объяснял что значит каждая нода (компетенция)
- дебага много было тоже
- наговаривал голосом через mac whisper

Чтобы делать свои правила:
.cursor - папка в корне проекта, а внутри нее rules папка, внутри которой уже создавайте .mdc формата файлы (markdown) и пишите свои правила, делайте ссылки между правилами указывая путь до них

гав-гав

https://youtu.be/zGLCZmST4Ho
https://youtu.be/zGLCZmST4Ho
https://youtu.be/zGLCZmST4Ho

@easyaboutdesign

задеплоил в прод вайбкод клон pthwy
Регистрация для создания тестов - тестируйте, пока сервер жив)

Примеры тестов как в pthwy:
из шаблона: Продуктовый опрос
из шаблона: Тестирование прототипа
из шаблона: Тест первого клика
из шаблона: Улучшение навигации (открытая карточная сортировка + опция "Разрешить не сортировать все карточки)
из шаблона: Проверка маркетинговых текстов (тест 5 секунд)

Запись стрима:
- за полчаса часа показал демо на локал хосте
- остальное время деплоили 2,5 часа
- час еще разбирались с авторизацией
- еще час после стрима я доделал


Итого выводы, что можно вайбкодить:
- для mvp у себя на работе
- для прототипов, чтобы быстрее коридорить
- для автоматизации рутины (ускорить анализ интервью по транскрипции, токены для ui кита и прочей рутины)
- для команды разработчиков, чтобы быстрее деливерить (если уж я смог в 1 лицо)
- для сложных вещей тоже подойдет, вопрос лишь кол-ва токенов (клон pthwy стоил $500)
- для пет-проектов

Никого при этом из хороших специалистов, которые обладают навыками и знаниями не заменит (разрабы, дизайнеры, менеджеры)

Да, компании, которые не используют ИИ и не внедряют – отстанут через пару лет, умрут постепенно как продукты/сервисы из-за конкурентов, которые уже учатся, пробуют и развиваются и т.д. – это нормально и не страшно. Просто конкуренция и прогресс

@easyaboutdesign

Делюсь с вами плагином, который делал для автоматизации рутины.

Плагин создает по транскрипции интервью CJM с помощью ИИ, чтобы автоматизировать рутину и побыстрее, будучи в контексте после интервью, видеть путь и подумать над улучшениями в продукте.

Плагин бесплатный, но нужен API ключ, который платный

Все работает просто:
- Вам нужен собственный API ключ (занести 5 баксов зарубежной картой)
- Поставить плагин из figma community или с сайта
- Загрузить транскрипт или несколько
- Получить CJM нарисованный в Figma
- опционально: можно загрузить готовый cjm из файла excel, csv или ссылку из гугл таблицы и нарисуется cjm в Figma

Подробнее на сайте
Подробнее на сайте
Подробнее на сайте

Для тех у кого НДА или как-то боитесь за данные, то помните, что вы должны:
- удалить имя респондента или сократить до 1 буквы например.
- изменить числа, о которых говорит респондент руками или через ИИ вашей компании.
- удалить или заменить упоминания других людей, компаний, названий внутри вашей компании.
- а все остальное что говорит про интерфейс ваш пользователь — не важно.
- в этом нет ничего страшного, просто чуть больше ручного труда будет потом, но сэкономите вы все равно часы работы.

@easyaboutdesign

Делюсь с вами ИзиСпека — плагин, который делал для автоматизации рутины.

Плагин делает статическую спеку по компоненту или экрану - это первый его режим

И второй режим: Живая ИзиСпека - имитация девмода, но без оплаты 12$ за место. Работает в целом также: при выделении элемента плагин рисует поверх него размеры и отступы, а в панели показывает расшифровку свойств.

- Плагин бесплатный
- Без ИИ
- На видео демка

Скачать плагин с фигма комьюнити
Подробнее на сайте о чем это

@easyaboutdesign