Лучший Skill для дизайна приложений

Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн. Сделать "удобно" я еще кое-как умею, но "красиво" - точно мимо🥲 Поэтому за "красиво" у меня отвечает нейросеть. Проблема в том, что из коробки ни Claude, ни GPT "красиво" делать тоже не умеют (да и "удобно" у них так себе получается).

Я уже пытался решить эту проблему скиллами: • taste-skillhallmarkui-skills

Но все они пытаются "привить агенту вкус" - будто, прочитав данный волшебный промпт, Claude преисполнится и начнет выплевывать дизайны уровня Apple. Это так не работает. Особенно когда ты дизайнишь не лендос в вакууме, а конкретный компонент в уже существующем приложении. В общем, узкоспециализированная шляпа получается🤷‍♂️

Решение я снова нашел у Matt'а. Его скилл /prototype радикально отличается. Он не пытается "привить агенту вкус". Его задача очень тупая - вместо генерации ТОГО САМОГО ДИЗАЙНА агент генерирует 3-4 варианта одного и того же компонента / раздела / страницы. Причем прямо в вашем приложении, с большим тоглом Текущий дизайн | Вариант 1 | Вариант 2 | Вариант 3

Поэтому следующим шагом будет "сделай X как в варианте 1, а Y как в варианте 3" - и вот вам уже вариант 4, который можно шлифовать в деталях. Эти варианты - действительно ПРОТОТИПЫ. Их задача:

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

Мой пайплайн:

• скриним кусок интерфейса, говорим "переделай с помощью /prototype". В качестве ограничений - пожелания по UX/UI, в которых уже уверены • из понравившихся кусков собираем вариант-франкенштейн • доводим прототип до окологотового состояния: выравниваем UI со стайлгайдами приложения, правим мелочи • делаем /to-spec на реализацию в основном коде (весь конвейер разбирал тут) • в свежей сессии делаем /implement на эту спеку • радуемся😎

На скринах я как раз прототипирую дизайн вкладки скиллов в AG2-Assistant

#AI


В этом посте были ссылки, но мы их удалили по правилам Сетки

Лучший Skill для дизайна приложений
Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн | Сетка — социальная сеть от hh.ru Лучший Skill для дизайна приложений
Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн | Сетка — социальная сеть от hh.ru
Лучший Skill для дизайна приложений
Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн | Сетка — социальная сеть от hh.ru Лучший Skill для дизайна приложений
Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн | Сетка — социальная сеть от hh.ru Лучший Skill для дизайна приложений
Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн | Сетка — социальная сеть от hh.ru