Video oldindan ko‘rish uchun mavjud emas
Telegram'da ko‘rish
Забудь о стандартах твоих проектов
После библиотеки элементов и скилла для дашборда я решил создать еще один скильчик, который решит мою (и возможно вашу) проблему.
При просьбе Codex сгенерировать несколько направлений твоего сайта на ЛЮБУЮ тематику, ты получаешь вайбкодерский калл. Этот калл выглядит вроде и неплохо, но ровно до того момента, пока ты не увидишь еще пару таких же дизайнов.
Также есть еще одна проблема, даже если у тебя получается уникальный референс, при переносе в код все идет по пизде и получается как будто давний мем Ожидание/Реальность. Ну как то так.
Поэтому я собрал SL Site Engine - скилл для создания уникальных референсов сайтов и еще много всего.
Быстренько расскажу как он работает:
Сначала он уточняет, что именно ты хочешь сделать. Для кого сайт, какой характер у бренда, какие цвета нравятся и все в этом духе, чтобы точно определить твои пожелания.
Дальше скилл предлагает поискать референсы. Если соглашаешься, агент смотрит подходящие работы и предлагает приемы, которые можно использовать в твоем проекте. Такими приемами является: композиция, расположение фотографий, работа с текстом и фоном.
Потом показывает несколько эскизов, из которых ты выбираешь одно направление которое тебе нравится. Постарался сделать так, чтобы скилл реально генерировал разные направления.
Если подключена моя SL UI Library, скилл подбирает компоненты оттуда и адаптирует их под выбранное оформление. НО устанавливать библиотеку для работы скилла НЕ обязательно! Но как по мне прикольно, что они связаны и дополняют друг друга.
А что с кодом?
Перед реализацией можно выбрать обычный HTML/CSS/JavaScript, React или Next.js. Если не разбираешься в этом - попроси помочь с выбором и скилл подберет подходящий вариант под твою задачу.
Если ты хочешь обновить существующий проект, то он не будет менять код, на котором он уже написан (сам не тестил, поэтому будьте осторожны и всегда имейте версию для отката в любой момент).
И самое главное над чем я Codex постарался больше всего: финальный референс снимается с работающей страницы в браузере. То есть у тебя уже есть код именно того результата, который ты видишь. Это именно то, что я буду использовать абсолютно всегда.
Я проверял скилл на автосервисе, кондитерской, ресторане, парикмахерской и салоне красоты. Приходилось многое переделывать и дорабатывать, так как это было на этапе создания скилла. Поэтому мне оч интересны ваши тесты на других задачах.
Установить можно как в Codex, так и Claude Code, инструкции лежат в репозитории. Для полного процесса агенту нужны доступные инструменты поиска, просмотра страниц и снятия скриншотов.
Буду невероятно рад фидбеку, особенно с какими то скриншотами и показами того, что вы сделали. Ставьте звездочки если понравилось и еще увидимся!
После библиотеки элементов и скилла для дашборда я решил создать еще один скильчик, который решит мою (и возможно вашу) проблему.
При просьбе Codex сгенерировать несколько направлений твоего сайта на ЛЮБУЮ тематику, ты получаешь вайбкодерский калл. Этот калл выглядит вроде и неплохо, но ровно до того момента, пока ты не увидишь еще пару таких же дизайнов.
Также есть еще одна проблема, даже если у тебя получается уникальный референс, при переносе в код все идет по пизде и получается как будто давний мем Ожидание/Реальность. Ну как то так.
Поэтому я собрал SL Site Engine - скилл для создания уникальных референсов сайтов и еще много всего.
Быстренько расскажу как он работает:
Сначала он уточняет, что именно ты хочешь сделать. Для кого сайт, какой характер у бренда, какие цвета нравятся и все в этом духе, чтобы точно определить твои пожелания.
Дальше скилл предлагает поискать референсы. Если соглашаешься, агент смотрит подходящие работы и предлагает приемы, которые можно использовать в твоем проекте. Такими приемами является: композиция, расположение фотографий, работа с текстом и фоном.
Потом показывает несколько эскизов, из которых ты выбираешь одно направление которое тебе нравится. Постарался сделать так, чтобы скилл реально генерировал разные направления.
Если подключена моя SL UI Library, скилл подбирает компоненты оттуда и адаптирует их под выбранное оформление. НО устанавливать библиотеку для работы скилла НЕ обязательно! Но как по мне прикольно, что они связаны и дополняют друг друга.
А что с кодом?
Перед реализацией можно выбрать обычный HTML/CSS/JavaScript, React или Next.js. Если не разбираешься в этом - попроси помочь с выбором и скилл подберет подходящий вариант под твою задачу.
Если ты хочешь обновить существующий проект, то он не будет менять код, на котором он уже написан (сам не тестил, поэтому будьте осторожны и всегда имейте версию для отката в любой момент).
И самое главное над чем я Codex постарался больше всего: финальный референс снимается с работающей страницы в браузере. То есть у тебя уже есть код именно того результата, который ты видишь. Это именно то, что я буду использовать абсолютно всегда.
Я проверял скилл на автосервисе, кондитерской, ресторане, парикмахерской и салоне красоты. Приходилось многое переделывать и дорабатывать, так как это было на этапе создания скилла. Поэтому мне оч интересны ваши тесты на других задачах.
Установить можно как в Codex, так и Claude Code, инструкции лежат в репозитории. Для полного процесса агенту нужны доступные инструменты поиска, просмотра страниц и снятия скриншотов.
Буду невероятно рад фидбеку, особенно с какими то скриншотами и показами того, что вы сделали. Ставьте звездочки если понравилось и еще увидимся!