Сделай мне сайт-визитку из одного файла
Один HTML-файл — открой в браузере, и он работает. Имя, чем занимаюсь, контакты. Без серверов, без сложностей.
Хочу свою первую страницу в интернете — простую визитку. Сделай её для меня.
Я: {{name}}. Чем занимаюсь: {{what_i_do}}.
Что мне нужно от тебя:
- Один файл
index.html— никаких отдельных папок, никаких внешних библиотек. Чтобы я мог дважды кликнуть и открыть его в браузере. - CSS прямо внутри файла (в
<style>). Никаких отдельных файлов стилей. - Структура страницы:
- крупное имя по центру (как заголовок журнала),
- одна строка под именем — чем я занимаюсь,
- 2-3 контакта (email, ссылка на любимую соцсеть, можешь подставить плейсхолдеры),
- в самом низу — мелкая строчка «© {{name}}, текущий год».
- Внешний вид:
- тёмный фон, светлый текст,
- крупный шрифт-сериф для имени (типа Georgia или Playfair Display через Google Fonts), читаемый sans-serif для остального,
- центрировано вертикально и горизонтально, дышит воздухом со всех сторон.
- Адаптив: открыл на телефоне — всё видно, ничего не вылазит за экран. Объясни одной строкой, какой кусочек кода это делает.
- Объясни пошагово что ты сделал:
- что такое
<head>и<body>(на этом примере), - зачем нужен
<meta viewport>(одна фраза), - где менять имя и контакты — указатель «измени строку № X».
- что такое
Не используй слово «JavaScript» — для визитки оно не нужно.
В конце скажи: что мне дальше попробовать (одна следующая идея — например, «добавить фотографию» или «поменять цвета»). Один совет, не пять.
Что такое «промт» и зачем он нужен
Само слово, отличие от обычного вопроса, три уровня качества — плохой / средний / хороший. С примерами.
Как начать работать с Claude Code — мой первый раз
Пошаговая инструкция первого запуска: открыть, дать первое задание, что увидеть на экране, куда нажать.
Объясни мне X — как ребёнку 10 лет
Универсальный промт «расскажи без жаргона». Подставь любой непонятный термин или концепт — получишь объяснение, которое можно понять с первого раза.