Первый проект кодирования Vibe
В чате о TFWR один из подписчиков спросил, как выучить Python и HTML. Я ответил так: «Не стесняйтесь написать небольшое приложение, использующее Python, HTML и CSS, а затем использовать LLM, чтобы рассказать об этом приложении». Слово за слово я обещал показать, как создавать такие приложения. И вот мы здесь.
Предположим, у нас есть подписка на одну из современных систем LLM. Я буду использовать Codex от OpenAI, но вы можете сделать то же самое с Claude или одной из моделей Google. Они примерно одинаковы для таких простых задач, как эта.
Затем я хочу создать репозиторий на GitHub. По сути, это просто кнопка «Создать новый репозиторий». Мне нравится создавать файл README, поэтому не забудьте нажать эту кнопку. Затем клонируйте репозиторий с помощью команды git clone. Все эти шаги для вас необязательны, но обязательны для меня, потому что я хочу поставить ссылку на этот проект в конце этого поста.
Основным условием для работы с этим руководством является наличие у вас подписки OpenAI. Давайте начнем нашу практику.
Я не могу запомнить команду, поэтому спросил у Google «как установить Codex CLI» и получил npm install -g @openai/codex. Я запустил его в клоне своего репозитория и... Внимание! Это самая интересная часть. Я спросил это:
Create an app where I can manage a simple todo list. This is a learning project; I mainly want to understand how to write programs in Python, CSS, and HTML. Use Python for the backend, and HTML, CSS, and JS for the frontend. The app must let me enter a new task for the list, mark tasks as completed, and delete a task from the list. The user interface should include an input field, an add button, and a delete button. Each task in the list should be markable as done.
И, в принципе, это все. Результат можно проверить в репозитории GitHub. Скриншот результата есть в начале поста.