Канал Алексея Куличевского

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

Понятно, что если просить «сделай мне лендинг», не стоит ждать ничего, кроме махрового нейрослопа. Но там, на самом деле, все гораздо хуже:

Если давать шаблон в Фигме и попросить повторить, AI, скорее всего, не сможет.

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

Я так в Вайбкэмпе недавно нашел 8 (!) разных исполнений одной и той же кнопки.

Решение: жестко привязать все UI движения к четко зафиксированной дизайн-системе.

1. Сначала делаем UI Kit. Фиксируем цвета, шрифты, размеры, отступы, иконки и т.п.
2. Затем, когда делаем новый экран, используем только компоненты из UI Kit. Если какого-то компонента не существует, предлагаем его создать и добавить.
3. Наконец, проводим независимое design review - убеждаемся, что в новых экранах только разрешенные компоненты.

В итоге процесс получается гораздо более контролируемым. Если агент что-то наворотил, замечаем это еще в процесс разработки. Если где-то не нравится, как выглядит, сначала исправляем UI Kit, потом продукт.

Вживую держать такой процесс — лютый гемор. А когда есть agent skills, другое дело 🙂

Я добавил три новых скилла в свой sdlc plugin:

1. ui-kit – собирает дизайн-систему либо из уже готового проекта, либо с нуля из нового
2. ui-implement – рисует нужный новый экран под нашу задачу из готовых компонентов
3. ui-review – проверяет, что нарисованные экраны ничего нигде не ломают

Попробуйте, интересно, как вам: https://github.com/kulichevskiy/sdlc

⚡️Кстати, курс Продуктостроение стартует уже в понедельник, 21 сентября. Осталось 6 мест. Подробности на https://vibecamp.ru

Читаю тут официальный гайд по промптингу под Fable 5.1. Интересно наблюдать, где рекомендации меняются, а где все стабильно.

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

Теперь Anthropic рекомендует не бояться давать Fable большую задачу целиком — пусть сама разберётся, в каком порядке что делать, а если чего-то не хватает, сама приходит с вопросами.

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

При этом чёткое описание результата и критерий готовности стали еще более критичными. Они были важными и для GPT-3.5, для Fable — и подавно. Без этого модель либо останавливается на полпути со словами «дальше я сделаю вот что» и не делает, либо наоборот разгоняется: чинит соседний код, пишет тесты, о которых никто не просил, переписывает файл целиком вместо одной строчки.

Anthropic предлагают использвовать шаблон. На практике, конечно, копипастить его не надо, лучше добавить в skill, с которым прорабатываете задачу.


Задача: [что сделать; можно вставить спеку целиком]

Зачем: [для кого и что это даст]

Результат: [что должно появиться и в каком виде]

Готово, когда:
- [проверка 1]
- [проверка 2]

Не трогать: [что не менять, даже если очень хочется]

Если чего-то не хватает: сначала сделай всё,
что не зависит от ответа, потом спроси.


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

Ловите запись вебинара: https://vimeo.com/1226006896

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

Про курс:
• начинаем 21 сентября
• всем, кто купит до конца воскресень, подарю доступ ко всем лабам по Hermes
• Можно оплатить от компании, в рассрочку и иностранными картами.

Начинаем