# Создание дизайна сайта с помощью Codex и промпта от Claude

*Личное · Пошаговая настройка*  
Страница: https://ahamoment.ru/c/sozdanie-dizayna-sayta-s-pomoshchyu-codex-i-43o4

## Что делает

Автор использовал Codex CLI для разработки внешнего вида личного сайта. Чтобы инструмент выдал качественный результат, он заранее подготовил инструкцию по дизайну, скопировав её из другого сервиса. Это позволило получить современный и аккуратный интерфейс без сложных настроек.

## Для кого

- Разработчик

## Инструменты

- **Cursor** — Редактор кода со встроенным ИИ-помощником

## Что понадобится

- Сложность: Без кода

## Как повторить

1. Найти готовую инструкцию по дизайну интерфейсов в открытом доступе
2. Сохранить текст инструкции в файл проекта
3. Запустить Codex CLI в папке проекта
4. Попросить ИИ прочитать файл и использовать его как правило
5. Попросить ИИ создать код сайта на основе правила
6. Проверить результат и внести мелкие правки

## Подробности

Обычно Codex не славится хорошим вкусом в дизайне. Часто он выдает простые, но скучные решения. Автор хотел создать личный сайт с чистой типографикой и приятным визуалом. Вместо того чтобы просить ИИ придумать стиль с нуля, он нашел готовую инструкцию. Эта инструкция была частью плагина для другого сервиса. Автор скопировал текст и сохранил его в проекте. Затем он запустил Codex CLI и попросил его изучить этот файл. ИИ использовал инструкцию как правило для создания кода. Результат оказался удачным. Дизайн получился аккуратным и продуманным. Автор провел несколько итераций, но основная работа была сделана быстро. Главный вывод: ИИ-инструменты могут делать качественный дизайн, если дать им четкие правила. Вкус человека остается важным, но рутинную работу берет на себя машина.

## Источник

- Автор: Wilbert Liu
- Оригинал: [How I Designed My Personal Site Using Codex CLI - Wilbert Liu](https://wilbertliu.com/blog/how-i-designed-my-personal-site-using-codex-cli)
- Переведено и упрощено ahamoment
- Добавлено: 28 октября 2026 г.
- Кейс на ahamoment.ru: https://ahamoment.ru/c/sozdanie-dizayna-sayta-s-pomoshchyu-codex-i-43o4