Сайты и приложения
В каталоге: 46.
Задачи
- Дизайн-система и оформление сайта15 в каталоге
- Сайт или приложение через нейросеть13 в каталоге
- Интерфейсы: макеты и UX12 в каталоге
- Аудит сайта и SEO6 в каталоге
- Выложить в интернет5 в каталоге
Все карточки
- SEO для фронтендаНастраивает мета-теги, OG, sitemap, robots, структурированные данные.
- Web VitalsУлучшает LCP, CLS, INP страницы.
- Аудит сайта: маркетинг и продажиРазбирает сайт по скриншоту или ссылке, описывает аудиторию и даёт 10 рекомендаций по росту конверсии.
- Вайбкодинг для студентов: пять скилловПять скиллов и коротких команд для работы над кодом вместе с ИИ: придумать, спланировать, выполнить, проверить и обновить документацию.
- Выложить сайт в интернет: хостинг, домен, адресНабор запросов для публикации готового сайта: подобрать хостинг, подключить домен, настроить адрес и проверить результат.
- Дизайн-системаСобирает библиотеку UI-компонентов и токенов.
- Дизайн-система сайта по понравившемуся образцуДелает дизайн-систему по образцу, чтобы сайт не выглядел как у миллионов других: цвета, шрифты, отступы, кнопки.
- Добавить тарифы на готовый сайтДобавляет блок с тарифами на готовый сайт обычной просьбой словами.
- Доступность (a11y)Проверяет и исправляет доступность: контраст, ARIA, клавиатура.
- Запрос на одностраничный сайт для себяClaude сделает одностраничный сайт по блокам сверху вниз: визитка, страница услуги или приглашение на эфир.
- Калькулятор для вашего сайта на JavaScriptНейросеть напишет код калькулятора по вашему описанию расчёта, который можно вставить на страницу сайта.
- Макет в кодПереводит макет или скриншот в вёрстку на выбранном стеке.
- Название сервиса со свободным доменомПодбирает имя сервиса сразу вместе со свободным доменом, чтобы потом не переименовывать сайт.
- Примеры успешных сайтов вашей нишиНейросеть найдёт примеры эффективных сайтов вашей ниши и подскажет идеи оформления.
- Размер бандлаУменьшает размер JS-бандла: code splitting, tree shaking.
- Сайт без дизайн-системы: точка отсчётаАнтипример: сайт без дизайн-системы выглядит как у миллионов других; нужен для сравнения с результатом урока.
- Сайт-лендингСобирает одностраничный сайт по тексту и бренду.
- Сравнение первого входа в сервис у конкурентовРазбирает, как у конкурентов устроен первый вход и обучение пользователя, и где вы можете лучше.
- Техзадание на приложение для LovableНейросеть задаст вопросы и составит подробный запрос для сервиса Lovable, который создаст сайт, приложение или Telegram-бота.
- Тот же сайт в другой дизайн-системеПеределывает готовый сайт в другой дизайн-системе: содержание остаётся, меняется только оформление.
- Цветовые схемы под тему сайтаНейросеть предложит несколько вариантов цветовых схем, которые подходят теме сайта и привлекают посетителей.
- Экраны первого входа: описание для дизайнераОписывает экраны первого входа в приложение или сервис: шаги, тексты кнопок и подсказки.
- SEO-аудит и видимость в ИИПроверяет сайт на видимость в поиске и в ответах ИИ-ассистентов и готовит конкретные файлы и тексты исправлений, а для магазинов обновляет каталог.
- SEO-аудит сайтаПроверяет SEO сайта: ключевые слова, страницы, пробелы в контенте, технику и конкурентов, и даёт план из быстрых побед и долгих вложений.
- Аудит доступности дизайнаПроверяет дизайн или страницу по стандарту WCAG 2.1 AA: контраст, клавиатуру, размер кнопок, экранные читалки; даёт список исправлений.
- Аудит и документация дизайн-системыПроверяет дизайн-систему на несогласованность, описывает компоненты и помогает спроектировать новый элемент в её стиле.
- Интерактивная HTML-площадка с настройкамиДелает один HTML-файл с настройками, живым предпросмотром и готовым промтом, который можно скопировать в Claude.
- Оформление материала готовой темойПодбирает цвета и шрифты из 10 готовых тем или создаёт новую и применяет к слайдам, документам, отчётам и лендингам.
- Разбор макета: что улучшитьРазбирает макет или экран: что бросается в глаза, удобно ли им пользоваться, что выбивается; в конце даёт приоритетные правки.
- Развёртывание приложения на RenderРазбирает проект, готовит файл render.yaml и ведёт по шагам развёртывания приложения на облачной платформе Render.
- Развёртывание проекта в CloudflareПомогает разместить приложение в Cloudflare (Workers, Pages и другие службы): проверяет вход, подсказывает нужный продукт и ведёт к справочнику.
- Развёртывание сайта в NetlifyПубликует веб-проект в Netlify через Netlify CLI: проверяет вход, привязывает сайт, делает предварительное или боевое развёртывание.
- Развёртывание сайта на VercelПубликует приложение или сайт на Vercel как превью и выдаёт ссылку; рабочую версию делает только по прямой просьбе.
- Самобытный дизайн интерфейсовПомогает выбрать эстетику, шрифты и композицию так, чтобы сайт или интерфейс не выглядел шаблонным.
- Сложные веб-артефакты на ReactСобирает многоэкранные интерактивные веб-страницы на React, Tailwind и shadcn/ui в один файл-артефакт для Claude.
- Спецификация дизайна для разработчикаПо дизайну готовит лист для разработчиков: размеры, токены, состояния кнопок, адаптивность, крайние случаи и анимацию.
- Тексты для кнопок и интерфейсаПишет и проверяет тексты интерфейса: подписи кнопок, сообщения об ошибках, пустые экраны и подтверждения.
- База знаний по дизайну интерфейсовПодбирает стиль, палитру, шрифты и правила удобства для сайта или приложения и проверяет интерфейс на доступность.
- Доводка интерфейса и анимацииУчит делать интерфейсы, которые приятно ощущаются: когда и как анимировать, какую плавность выбрать, как проверять детали.
- Дорогой дизайн сайта как у агентстваПомогает сделать сайт, который выглядит как работа дорогого агентства: шрифты, отступы, тени, карточки и плавная анимация.
- Макеты сайта картинками, блок за блокомСоздаёт серию картинок-макетов лендинга или сайта, по одной на каждый блок, в единой палитре и стиле, по которым можно собрать страницу.
- Минималистичный интерфейс в стиле документаПомогает сделать чистый сайт или интерфейс в редакционном стиле: тёплая монохромная палитра, строгая типографика, плоские карточки.
- Нешаблонные лендинги и портфолиоПомогает собрать лендинг, портфолио или редизайн, который не выглядит типовым: сначала разбирает бриф, затем выбирает направление и стиль.
- Одноразовый прототипСобирает быстрый одноразовый прототип логики или интерфейса, чтобы проверить идею до настоящей разработки.
- Редизайн готового сайтаПроверяет готовый сайт или приложение на шаблонность и точечно поднимает дизайн до премиум-уровня, не ломая работу продукта.
- Структура лендинга для профессиональной услугиНейросеть-дизайнер предложит шрифты и цвета, а после вашего выбора создаст пять вариантов лендинга в формате HTML.