Лучший Skill для дизайна приложений
Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн. Сделать "удобно" я еще кое-как умею, но "красиво" - точно мимо🥲 Поэтому за "красиво" у меня отвечает нейросеть. Проблема в том, что из коробки ни Claude, ни GPT "красиво" делать тоже не умеют (да и "удобно" у них так себе получается).
Я уже пытался решить эту проблему скиллами:
• taste-skill
• hallmark
• ui-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
Зачастую во всех проектах я делаю fullstack решения. Это значит, что моя основная боль как разработчика - дизайн. Сделать "удобно" я еще кое-как умею, но "красиво" - точно мимо🥲 Поэтому за "красиво" у меня отвечает нейросеть. Проблема в том, что из коробки ни Claude, ни GPT "красиво" делать тоже не умеют (да и "удобно" у них так себе получается).
Я уже пытался решить эту проблему скиллами:
• taste-skill
• hallmark
• ui-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