Автор: Wilbert Liu
Создание дизайна сайта с помощью Codex и промпта от Claude
Автор использовал Codex CLI для разработки внешнего вида личного сайта. Чтобы инструмент выдал качественный результат, он заранее подготовил инструкцию по дизайну, скопировав её из другого сервиса. Это позволило получить современный и аккуратный интерфейс без сложных настроек.
- Для кого
- Разработчик
Что понадобится
- Инструменты
- Cursor — Редактор кода со встроенным ИИ-помощником
- Сложность
- Без кода
Как повторить
- Найти готовую инструкцию по дизайну интерфейсов в открытом доступе
- Сохранить текст инструкции в файл проекта
- Запустить Codex CLI в папке проекта
- Попросить ИИ прочитать файл и использовать его как правило
- Попросить ИИ создать код сайта на основе правила
- Проверить результат и внести мелкие правки
Здесь — короткая схема. Пошаговые детали и скриншоты — в оригинале.
Подробная инструкция — у автораПодробности
Обычно Codex не славится хорошим вкусом в дизайне. Часто он выдает простые, но скучные решения. Автор хотел создать личный сайт с чистой типографикой и приятным визуалом. Вместо того чтобы просить ИИ придумать стиль с нуля, он нашел готовую инструкцию. Эта инструкция была частью плагина для другого сервиса. Автор скопировал текст и сохранил его в проекте. Затем он запустил Codex CLI и попросил его изучить этот файл. ИИ использовал инструкцию как правило для создания кода. Результат оказался удачным. Дизайн получился аккуратным и продуманным. Автор провел несколько итераций, но основная работа была сделана быстро. Главный вывод: ИИ-инструменты могут делать качественный дизайн, если дать им четкие правила. Вкус человека остается важным, но рутинную работу берет на себя машина.
Источник
Оригинал: How I Designed My Personal Site Using Codex CLI - Wilbert Liu (wilbertliu.com, англ.)
Переведено и упрощено ahamoment
Добавлено 28 октября 2026 г.