DIV – дизайн, нейронки, продукт
199 subscribers
16 photos
9 videos
1 file
12 links
Заметки про продукт, дизайн и мысли всякие
связь @vanodiv
Download Telegram
Media is too big
VIEW IN TELEGRAM
Краткий обзор нейросетки
vozo.ai , в которой собрал рилс про Гарри Поттера
This media is not supported in your browser
VIEW IN TELEGRAM
Наконец-то WCAG затащили в Figma из коробки

Теперь мего удобно чекать текст на фоне и наоборот на доступность АА или ААА прямо в фигме. Ещё показывает границу допустимой области, чтобы контрастность соблюдалась

Огонь 🔥🔥🔥

Плагины сторонние больше не нужны))

P.S. К слову похожая ситуация была с нашим плагином StylelList для генерации текстовых и цветовых стилей, когда фигма выкатила variables:D
Please open Telegram to view this post
VIEW IN TELEGRAM
это случилось, я наконец-то обновил свой сайт. Я так долго откладывал эту тему, но теперь на одну головную боль меньше. Накопилось много проектов, о которых есть что рассказать. Пока в качестве МВП оставил только краткое описание и ключевые экраны, чтобы быстрее запустить и протестить, потом буду накидывать жирок. Нужно будет прикрутить еще инглиш вершн и смену темы темная/светлая (потому что могу себе позволить😂)

https://ivan-div.webflow.io/

собирал на webflow. Оч клевый инструмент, советую потыкать, особенно хорошо помогает понять как устроена верстка, при этом не надо ничего кодить. Если нужно рассказать подробнее про него ставь 👍, сделаю отдельный пост
Пока все делают фотки в стиле студии Гибли через обновленный ChatGPT, я исполнил десткую мечту – стать хокаге😅🥹

первые 40 лет в жизни мальчика самые сложные
Работаю над новым мультом, сегодя/завтра опубликую

Окончательно перешел в ToonSquid. До этого рисовал в ProcreateDreams, но больше не могу. Тот момент, когда UI красивый, но я нихрена не понимаю как с ним работать, не интуитивно мне имхо. Но судя по оценкам в сторе, я не один такой

Пока удалять не стал, там вроде планировались какие-то обновлениях, может поправят)

Примечательно, что ToonSquid изначально сделал один разраб в соло, а тут целая команда трудилась) да, по UI может не так красиво, но мне лично намного удобнее

Мое почтение🎩
AI для коддинга

Сейчас активно тестирую разные ии для генерации кода. Сам я нихера не разработчик, есть только поверхностные знания в коде, но эта тема мне очень интересна. Буквально сегодня я собрал своего простенького телеграм бота с нуля, не написав ни строчки кода. До выходных хочу его допричесать, чтобы была норм аватарка, кнопочки красивые и копирайт, плюс надо побольше его потестировать, в общем навести марафет.

Специально пока взял какие-то мелкие проекты, чтобы набить руку, потом уже хочу делать более серьезные вещи

Если интересно ставь 👍, расскажу пошагово как и что делал
Вайб коддинг часть 1 (Делаем телеграм бота)

Возвращаюсь с кейсом создания продукта с помощью нейронок. Как писал выше, чтобы набить руку, сейчас делаю мелкие проекты и уже после буду переходить к чему-то более серьезному.

Что собрал
Сделал телеграм бота для конвертации видеофайлов в телеграмовские кружки – @tgsharik_bot . Функционал супер простой – отправляешь видеофайл и получаешь в ответе кружок. Еще есть проверка на подписку на этот канал для доступа к основному функционалу бота. Дополнительных настроек пока не делал, посмотрим как пойдет.

Если будете находить баги или будут идеи, можете написать в личку @vanodiv

Что использовал и какой алгоритм

1. Сначала в claude я разгонял саму идею проекта, набрасывал структуру, попросил составить, техническое задание и описать сам продукт в несколькхи предложениях. Тут можно использовать любую нейронку (ChatGPT, Grok, DeepSeek, что больше нравится)

2. Закинул тех. задание в виде файла и описание продукта в качестве промта в Replit. Еще советую перед отправкой промта использовать фукнцию Improve prompt.

Опять же тут необязательно использовать replit, то же самое можно сделать и в cursor, bolt и других подобных нейронках для коддинга, просто реплит сразу настраивает окружение, сам запускает проект и можно сразу тестить. + можно все деплоить у них на сервере.
Оч удобно для каких-то мвп и быстрого теста.

3. Реплит все мне написал и все работает прекрасно, хотел бы я написать, но нет))

На деле все оказалось чуточку сложнее и все работало не так, как ожидалось.

Продолжение следует...
DIV – дизайн, нейронки, продукт
Вайб коддинг часть 1 (Делаем телеграм бота) Возвращаюсь с кейсом создания продукта с помощью нейронок. Как писал выше, чтобы набить руку, сейчас делаю мелкие проекты и уже после буду переходить к чему-то более серьезному. Что собрал Сделал телеграм бота…
Вайб коддинг часть 2 (Делаем телеграм бота)

Продолжаю тему предыдущего поста, про создание телеграм бота @tgsharik_bot на нейронках.

В первой части рассказал, как подготовить промт и тех. задание для реплита (шаг 1 и 2). Едем дальше

3. После загрузки тех. задания и промта, сервис может спросить несколько уточняющих вопросов, предложить добавить функционал на выбор и начнет собирать приложение, попутно объясняя вам что и как делается. Если в процессе понадобятся какие-то доп. данные (в моем кейсе api token для бота и id пользователя) агент в чате их попросит и даст подробную инструкцию, как получить эту инфу.

Дальше начинается работа с чатом агента, так как с первого раза нужный результат не получить. Тут все просто, если работает не так как нужно, пишите что не так, можно даже прислать скриншот ошибки и ждете исправлений.

Лайфхак: если Replit не может внести исправления, попробуйте закинуть файл в Claude или GPT с описанием проблемы. Потом закидывайте ответ обратно в реплит. У меня сработало

4. Когда все готово и работает, как задумано, настало время релизить проект. Тут можно задеплоить все на сервере Replit, если у вас mvp для теста и нет большой нагрузки. Либо выгрузить архив и залить на сервер самому. Зависит от задач

Подытожим:
– Если нет опыта в программировании и страшно подступиться, отличный вариант попробовать собраться что-то свое и параллельно еще и учиться коду (можно просить нейронку объяснить код и как это было сделано прям по строчке).
– Начать лучше с каких-то маленьких проектов, чтобы быстрее двигаться и не зарываться.
– Неважно какую именно нейронку вы используйте, ключевое составить граммотное тех. задание и промт, опять же можно сделать с помощью нейронки и улучшить
Всем привет! Нас уже больше 100!

Для тг канала, конечно, маленькое число, но для меня ценен этот этап. Пускай и маленькими шагами, но развитие идет) Спасибо всем, кто подписался 🤝

Я немного выпал с постами. Был загруз по проектам, + все еще вожусь в новой для меня теме с вайб коддингом – почти доделал штуку, которую хотел протестить давно. Результатами, конечно же, поделюсь

А так по планам надо нарисовать новые мультики и ролики. Есть несколько идей с котом и новыми персонажами)
Please open Telegram to view this post
VIEW IN TELEGRAM
Немного спойлеров по новым персонажам)

Долго не мог найти форму, которая понравится , но кажется нащупал
Иногда пуши от Яндекса меня пугают 🥲
Заработок у дизайнера ( и не только)

Нашел интересную статью по стадиям заработка дизайнера. Но на деле применимо и на другие ИТ специальности.
Пока читал узнавал себя, хотя пока не все стадии прошел😅

Думаю, будет полезно! В статье есть примеры из жизни и шорткаты, как сократить путь)

Читать статью
This media is not supported in your browser
VIEW IN TELEGRAM
Здравствуйте) всем хорошего понедельника😁