🤖 #AITools: Тестируем ТОП-6 нейросетей на кодинг! Смогут ли они написать Light Code Framework?
В прошлый раз мы обсудили, что для чистых 90+ PageSpeed нужен легкий CSS-фреймворк вместо раздутого Bootstrap. Сегодня — тест-драйв: Могут ли нейросети сделать мою работу и написать этот фреймворк за меня?
Участники теста (ТОП-модели): Qwen2.5-Max, Deepseek, Grok 4, Gemini (Google), ChatGPT 5, Claude Sonet 4.5 (везде, где можно включен режим рассуждения и поиска в интернете).
📝 Лайт-Промт:
" Ты профессиональный Web разработчик, со стажем 20 лет. Твоя задача разработать CSS / JS фреймворк подобный bootstrap 5. В идеале чтобы он и использовал его классы, сетки и т.п. Но бутстрап считаю сильно перегружен кнопки 10 цветов и т.п. и его JS ну такой себе. Ему нужно сильно почикать CSS оставить, к примеру по 3 цвета (кнопок и т.п.), весь JS переписать."
📉 Результаты: Провал и костыли
- Qwen2.5-Max: ❌ Полный провал. Порекомендовал использовать несуществующий кастомайзер Bootstrap и 'почистить' Sass-переменные вручную. То есть, свалил работу на меня.
- Gemini: ❌ Не справился. Набросал Sass-шаблон (тупое подключение Bootstrap по частям) и написал нативный JS только для одного компонента — Modal. Бесполезно.
- ChatGPT 5: 🤦♂️ Фиаско. Позадавал вопросы, пообещал архив, а в итоге выдал HTML с пустыми CSS и JS файлами. Спасибо за потраченное время.
Deepseek / Grok 4: ⚠️ Частичный успех. Набросали работающий CSS, JS и HTML. Но забили на половину утилит. Им можно заменить сайт на Bootstrap? Нет, он развалится. Но можно заставить их доработать.
🏆 Победитель: Claude Sonet 4.5
Я тестировал его через Perplexity.ai, и он реально удивил!
✅ Claude Sonet 4.5 сразу (без дополнительных вопросов) создал все файлы: CSS, JS и HTML, причем:
- Сделал страницу с документацией фреймворка.
- Добавил рабочий переключатель цветовых схем прямо в документацию.
- Даже создал документацию в PDF-файле.
Лайк ему однозначно! Он единственный понял задачу комплексно и сразу выдал готовый продукт для дальнейшей доработки.
➡️ Что дальше? От идеи к GitHub
Сейчас я иду ковыряться в сгенерированном коде Claude Sonet. Посмотрю, что нужно доработать (и заставлю его же исправлять косяки).
А главное: я начал разработку сайта FasDevLab, чтобы ускориться, выбрал готовый премиум шаблон Porto, который использует Bootstrap 5.
Мой дальнейший план — заменить в нем Bootstrap на новоиспеченный Light Code Framework.
Если замена пройдет гладко, фреймворк можно заливать на GitHub, создавать полноценную документацию и выводить в свет!
❓ Вопрос к вам: какая нейросеть вас чаще всего спасает в кодинге? И какой компонент (кроме сетки) вы считаете критичным для любого Bootstrap-подобного фреймворка?
#AITools #LightCodeDev #Coding #FastDevLab
В прошлый раз мы обсудили, что для чистых 90+ PageSpeed нужен легкий CSS-фреймворк вместо раздутого Bootstrap. Сегодня — тест-драйв: Могут ли нейросети сделать мою работу и написать этот фреймворк за меня?
Участники теста (ТОП-модели): Qwen2.5-Max, Deepseek, Grok 4, Gemini (Google), ChatGPT 5, Claude Sonet 4.5 (везде, где можно включен режим рассуждения и поиска в интернете).
📝 Лайт-Промт:
" Ты профессиональный Web разработчик, со стажем 20 лет. Твоя задача разработать CSS / JS фреймворк подобный bootstrap 5. В идеале чтобы он и использовал его классы, сетки и т.п. Но бутстрап считаю сильно перегружен кнопки 10 цветов и т.п. и его JS ну такой себе. Ему нужно сильно почикать CSS оставить, к примеру по 3 цвета (кнопок и т.п.), весь JS переписать."
📉 Результаты: Провал и костыли
- Qwen2.5-Max: ❌ Полный провал. Порекомендовал использовать несуществующий кастомайзер Bootstrap и 'почистить' Sass-переменные вручную. То есть, свалил работу на меня.
- Gemini: ❌ Не справился. Набросал Sass-шаблон (тупое подключение Bootstrap по частям) и написал нативный JS только для одного компонента — Modal. Бесполезно.
- ChatGPT 5: 🤦♂️ Фиаско. Позадавал вопросы, пообещал архив, а в итоге выдал HTML с пустыми CSS и JS файлами. Спасибо за потраченное время.
Deepseek / Grok 4: ⚠️ Частичный успех. Набросали работающий CSS, JS и HTML. Но забили на половину утилит. Им можно заменить сайт на Bootstrap? Нет, он развалится. Но можно заставить их доработать.
🏆 Победитель: Claude Sonet 4.5
Я тестировал его через Perplexity.ai, и он реально удивил!
✅ Claude Sonet 4.5 сразу (без дополнительных вопросов) создал все файлы: CSS, JS и HTML, причем:
- Сделал страницу с документацией фреймворка.
- Добавил рабочий переключатель цветовых схем прямо в документацию.
- Даже создал документацию в PDF-файле.
Лайк ему однозначно! Он единственный понял задачу комплексно и сразу выдал готовый продукт для дальнейшей доработки.
➡️ Что дальше? От идеи к GitHub
Сейчас я иду ковыряться в сгенерированном коде Claude Sonet. Посмотрю, что нужно доработать (и заставлю его же исправлять косяки).
А главное: я начал разработку сайта FasDevLab, чтобы ускориться, выбрал готовый премиум шаблон Porto, который использует Bootstrap 5.
Мой дальнейший план — заменить в нем Bootstrap на новоиспеченный Light Code Framework.
Если замена пройдет гладко, фреймворк можно заливать на GitHub, создавать полноценную документацию и выводить в свет!
❓ Вопрос к вам: какая нейросеть вас чаще всего спасает в кодинге? И какой компонент (кроме сетки) вы считаете критичным для любого Bootstrap-подобного фреймворка?
#AITools #LightCodeDev #Coding #FastDevLab
👍2