Simon Willison usou GPT-5.5 para criar um componente web para incorporar código do GitHub

Разработчик Simon Willison опубликовал экспериментальный веб-компонент github-code, который встраивает фрагменты кода из GitHub прямо на веб-страницу — весь код компонента написала модель GPT-5.5.

Как работает компонент

Компонент принимает обычную ссылку на файл в GitHub вида github.com/.../blob/.../parser.py#L9-L18, автоматически конвертирует её в адрес на raw.githubusercontent.com, скачивает файл через fetch() и показывает указанный диапазон строк с номерами — пока без подсветки синтаксиса.

Каким был промпт

Willison поставил задачу модели GPT-5.5 буквально в несколько реплик диалога, без написания кода вручную:

«let's build a

Web Component for embedding code from GitHub» — и далее пример нужного HTML-тега, логика конвертации ссылки и просьба показать превью в браузере, сформулированные обычным языком.

Инструмент опубликован в личной коллекции экспериментальных веб-утилит Willison на его сайте tools.simonwillison.net и помечен тегами github, web-components и gpt — как часть его серии публичных экспериментов с AI-ассистированной разработкой.

Что это значит

Пример показывает, как разработчики всё чаще используют модели уровня GPT-5.5 не для точечных подсказок по коду, а для полной сборки рабочих компонентов от первого промпта до готового превью в браузере — с минимальным ручным вмешательством.

Частые вопросы

Что делает компонент github-code?

Он берёт обычную ссылку на файл в GitHub с указанием диапазона строк и встраивает этот фрагмент кода прямо на веб-страницу — с номерами строк, но пока без подсветки синтаксиса.

Какая модель написала код компонента?

GPT-5.5 — Willison сформулировал задачу в несколько текстовых реплик и получил рабочий компонент вместе с браузерным превью.