Дизайн личного сайта в Codex CLI по спецификации в markdown
Автор дал Codex CLI готовый дизайн-промпт как спецификацию в markdown-файле и за несколько итераций получил личный сайт, которым доволен. Ту же спецификацию можно брать в другие проекты.
Что сделали
Автор скопировал длинный дизайн-промпт из плагина frontend-design, который Anthropic сделала для Claude Code, и сохранил его в markdown-файл внутри проекта. В сессии Codex CLI он сначала попросил агента прочитать этот файл и считать его спецификацией дизайна личного сайта. Потом Codex сгенерировал интерфейс, а автор провёл его через несколько раундов правок.
Что получилось
Codex почти попал в нужный дизайн с первой попытки, а следующие итерации прошли быстро и точно. Автор выпустил сайт, которым доволен, вместо прежней совсем простой версии. Цифр в источнике нет.
На что обратить внимание
Спецификация это обычный markdown-файл, поэтому её можно переносить между проектами и подставлять в неё другие дизайн-промпты. Стоит рассчитывать на несколько итераций и держать решения по вкусу за собой.
Пояснение
Codex CLI это агент OpenAI для программирования, который работает в терминале и меняет файлы проекта. Плагин frontend-design для Claude Code содержит длинный промпт о дизайне интерфейсов, его и взяли за основу.
Кому пригодится
Разработчикам и фрилансерам, которые хотят собрать или обновить личный сайт с агентом и не начинать дизайн с нуля.
Попробуйте сами с Codex
Прочитай спецификацию дизайна в [путь к markdown-файлу со спецификацией] и по ней сделай [личный сайт или лендинг] для [твоё имя или проект] в этой папке. Собери первую версию, покажи, как её посмотреть, и дождись моего отзыва, прежде чем менять что-то крупное. Когда я одобрю версию, перечисли правила из спецификации, которые стоит обновить, чтобы использовать её в других проектах.
Нужна помощь с запуском? Вступайте в сообщество AI Pack ↗
Источник: wilbertliu.com ·