Промпт для Claude 👇
Сделай сайт, который не выглядит собранным нейросетью.
Запрещаю:
- фиолетовые и неоновые градиенты;
- кнопки-таблетки (полностью скруглённые);
- выдуманные отзывы, цифры и рейтинги;
- размытый и полупрозрачный текст на первом экране;
- эмодзи вместо иконок — только линейные SVG-иконки одного набора;
- штампы ИИ-текстов: «в современном мире», «инновационный», «революционный», «откройте для себя»;
- анимации появления на каждый скролл;
- стоковые и сгенерированные нейросетью фото — только реальные фото и скриншоты продукта;
- пустые тексты без конкретики: о чём продукт, для кого, сколько стоит;
- анимации и эффекты курсора;
- фейковые счётчики клиентов и «живые» цифры.
Не запускаем, пока:
- не подключён свой домен;
- нет фавиконки;
- не убрана плашка «Сделано с ИИ» / «Made with…»;
- нет страниц «Политика конфиденциальности» и «Пользовательское соглашение».
И главное — без ошибок: перед сдачей проверь консоль браузера, вёрстку на телефоне и ноутбуке, все ссылки и опечатки.
Промпт для Claude Code 👇
Сделай десктопный одностраничный лендинг дизайн-студии «LIQUID» с живым первым экраном. Только HTML, CSS и чистый JavaScript без библиотек: index.html, style.css, main.js. В конце запусти локальный сервер и дай ссылку.
Стиль — строгий монохром: графитовый чёрный #0b0b0c и молочно-белый #f2f0eb. Никаких градиентов, неона и свечений.
Жидкость за курсором:
- На весь экран — WebGL-шейдер: чёрная жидкость, как шёлк или жидкий металл (fbm-шум с domain warping), медленно течёт сама. Объём — от света и бликов на складках (нормали через производные).
- Курсор — прозрачная стеклянная капля: тянется следом с упругим запаздыванием (пружина), на быстрых движениях вытягивается в хвост из капель, преломляет жидкость под собой. Вокруг курсора поверхность освещается.
- Клик пускает по жидкости волну-рябь (до 8 одновременно).
- Лёгкое плёночное зерно поверх.
- Вся анимация через requestAnimationFrame, 60 к/с, с учётом devicePixelRatio, ресайза и prefers-reduced-motion.
Интерфейс:
- Стеклянная навигация (backdrop-filter): логотип LIQUID, «Работы», «Студия», «Контакты», белая кнопка «Обсудить проект».
- Огромный заголовок «Дизайн, который течёт» (Unbounded 800, капсом): буквы влетают снизу по одной с размытием. «течёт» — Playfair Display Italic.
- Подзаголовок «Сайты, бренды и интерфейсы, которые хочется трогать».
- Кнопки «Смотреть работы» (белая) и «Связаться» (контурная) с магнитным эффектом.
- Свой курсор: точка + кольцо с mix-blend-mode: difference, кольцо догоняет и растёт над кнопками.
- Бегущая строка с клиентами внизу экрана.
Ниже — «Что мы делаем»: три карточки «Веб-дизайн», «Брендинг», «Motion» — тонкая рамка, 3D-наклон за курсором, рамка светлеет.
Уровень Awwwards: крупная типографика (Unbounded, Onest, Playfair Display), много воздуха.
Не начинай вайб-кодить с Claude Code, пока не установишь эти 4 плагина — сохраняй, чтобы не потерять.
1. Supabase — официальный плагин: Claude работает напрямую с твоей базой данных — SQL-запросы, миграции, типы и проверка безопасности без панели Supabase.
https://claude.com/marketplace/plugins/supabase
2. Vercel — официальный плагин: пишешь «Задеплой моё приложение», и Claude сам отправляет проект в preview или production и отдаёт готовую ссылку.
https://claude.com/marketplace/plugins/vercel
3. Oh My Claude Code — команда из 19 специализированных агентов: пишешь /team, и они вместе планируют, пишут код, проверяют его и исправляют ошибки.
https://github.com/Yeachan-Heo/oh-my-claudecode
4. Chrome DevTools MCP — от команды Chrome: Claude видит настоящий браузер — ошибки в консоли, сетевые запросы, скриншоты и тесты производительности.
https://github.com/ChromeDevTools/chrome-devtools-mcp
Подписывайся, чтобы не пропустить новые фишки с нейросетями — каждый день показываю новые способы работать с ИИ.
Как собрать собственного Джарвиса за одни выходные — полный гайд по 9 этапам. Сохраняй, чтобы не потерять.
1. Дай ему тело. Подойдёт старый ноутбук, Mac Mini или отдельный сервер — на нём агент будет жить и работать.
2. Выбери модель искусственного интеллекта: Claude, ChatGPT или Gemini. Какую именно — не принципиально.
3. Установи агентную оболочку. Именно она превращает обычную модель в полноценного агента, который не просто отвечает тебе, а самостоятельно выполняет действия.
4. Расскажи ему, кто ты: чем занимаешься, как устроена твоя работа и какие задачи ты выполняешь каждый день.
5. Подключи его ко всем своим инструментам: почта, календарь, браузер и всё остальное, чем ты постоянно пользуешься.
6. Дай ему постоянную память — например, с помощью Letta. Так агент будет помнить важную информацию даже между разными диалогами.
7. Добавь ему отдельные навыки: под конкретные задачи — конкретные инструменты.
8. Подключи его к своим мессенджерам — например, Telegram или WhatsApp. А ещё дай ему собственный голос — например, через Hume или ElevenLabs.
9. Финальный штрих: создай для него собственный интерфейс — например, с помощью Claude — и подключи к нему голос из предыдущего этапа.
Итог: за несколько дней у тебя появляется агент, который знает твой бизнес, понимает твою работу, владеет нужными навыками и отвечает тебе собственным голосом. Разговариваешь с ним практически так же, как Тони Старк с Джарвисом.
Инструменты из ролика (официальные сайты):
Claude — claude.ai
ChatGPT — chatgpt.com
Gemini — gemini.google.com
Letta — letta.com
Telegram — telegram.org
WhatsApp — whatsapp.com
Hume — hume.ai
ElevenLabs — elevenlabs.io
Mac Mini — apple.com/mac-mini
Подписывайся, чтобы не пропустить новые фишки с нейросетями.
Учу делать крутые штуки в нейронках по ссылке в шапке профиля.