Пилим стартап, часть 2.5. Мини-гайд по Claude Code, причесываем UI

Да, я убрал из заголовка "за выходные", потому что проект чутка растянулся. Но идёт весело! У него и веб-версия теперь есть: https://mini.qyp.ai

Напомню: я давно хотел пощупать Tauri v2, и новомодные фреймворки для построения AI-агентов (ai-sdk / mastra / llamaindex).

Идея простая: десктопное приложение, дешборд на весь экран, справа интерфейс чата. Просим ИИ вывести на дешборд какую-то информацию в духе "сколько новых юзеров за последнюю неделю" - ИИ пишет код виджета, и размещает его на дешборде. Под капотом - runtime компиляция React.js + sql-коннекторы.

Полный open-source, весь код в репозитории: https://github.com/ElKornacio/qyp-mini Читать далее

#tauri #tailwind #typeorm #ai_agent #open_source | @habr_ai

Скриншоты сайта в адаптивную Tailwind верстку

Я знаю, что существует 100 500 способов перекинуть картинку в готовую вёрстку.

Но когда у меня дошло до дела, результат оказался так себе.

То ли я криворукий, то ли все эти инструменты ещё далеки от совершенства.

В итоге понял, что мне проще накидать свой собственный велосипед — скрипт на Python (~200 строк).

Решил выложить, может, кому‑то пригодится.

Скрипту можно скормить три скриншота сайта:

1) Десктоп‑версия

2) Планшет

3) Мобильная версия

На выходе получим одну HTML‑адаптивную вёрстку (десктоп, планшет, мобила) с использованием Tailwind CSS. Читать далее

#screenshot #chatgpt #tailwind #tailwindcss | @habr_ai