Блог
Двадцать семь виджетов без скрипта, написанных спеками
[числа и размеры прочитаны из спек и выпущенных страниц пулл-реквеста, который выпускает курс; страница не читает, что вы печатаете] В курсе 12, Вайбкодинг с нуля, 27 виджетов, и ни один не запускает скрипт: каждое состояние виджета - одна секция одной HTML-страницы, каждый клик - ссылка на фрагмент, а CSS-правило :target показывает ту единственную секцию, которую называет адрес. Каждую страницу пишет t27-спека, и workflow падает, если закоммиченная страница отличается от выпущенной хотя бы на один байт. 18 страниц - инфографики, 9 имеют состояние, а самая большая страница, цикл, - 92 секции и 55 132 байта.
В курсе 12 на t27.ai, Вайбкодинг с нуля, 27 виджетов, и ни один из них не запускает скрипт. Каждый виджет - одна HTML-страница. Каждое состояние виджета - одна секция этой страницы, каждый клик - ссылка на фрагмент вроде #plant, а CSS-правило :target показывает ту единственную секцию, которую называет адрес. Переключает браузер, поэтому нет JavaScript, который надо загружать, который может сломаться и который надо ревьюить.
Страницу пишет спека
Ни одна страница не набрана руками. У каждого виджета есть t27-спека в apps/website/specs/widgets/views/ с функцией вроде page_vc_the_loop: она заполняет буфер всей страницей через маленький writer html_out и общую раму page_kit. На Actions t27c gen-text --fn компилирует спеку, запускает эту функцию и пишет её байты без изменений в apps/website/public/widgets/vc-the-loop/index.html. Workflow падает, если закоммиченная страница отличается от выпущенной хотя бы на один байт.
Из 27 страниц 18 - инфографики: таблица и схема шагов, две секции со ссылкой-вкладкой между ними. Остальные 9 имеют состояние: четыре фазы, цикл, цикл сообщений, подбросить баг, прочитать дифф, секреты наружу, застрял, судья тестов и таблица spec-to-bot. Каждая из них выписана как конечный автомат с потолком числа состояний. Самый большой виджет - цикл: 92 секции, 55 132 байта обычного HTML.
Чего страница не умеет
- Она не читает, что вы печатаете: каждое состояние выписано заранее, поэтому у каждой страницы с состоянием есть потолок числа состояний, и на нём она останавливается.
- Она ничего не отправляет: виджеты ничего не собирают и не передают, а тесты каждого вида проверяют, что в его странице нет ни скрипта, ни формы.
- Её размер растёт вместе с состояниями: страница цикла - 55 132 байта на 92 секции, поэтому у страниц с состоянием есть потолок.
Попробуйте
- Курс: t27.ai/#/vibecoding
- Страницы: t27.ai/widgets/vc-the-loop/ и t27.ai/widgets/vc-key-pair/
- Спеки: apps/website/specs/widgets/views/ в Trinity-S-AI-DNA/trinity, пулл-реквест 1808
Чего это не решает
- Страница с состоянием - конечный автомат, выписанный заранее, с потолком числа состояний; состояния, которого никто не выписал, не существует, и ни один виджет не читает, что вы печатаете.
- Разбивка 18 и 9 посчитана по view_pages.t27, а размеры - это размеры выпущенных страниц в пулл-реквесте 1808.
- Страницы смотрели в одном браузере; :target - старый CSS, но другие браузеры для этого поста не пробовали.
Пруфы
Поработаем вместе
Нужно довести FPGA/RTL-задачу до замеров на железе?
Работаю по контракту и part-time с hardware-AI, FPGA/RTL и ML-системами — от спецификации и открытого тулчейна до воспроизводимых измерений.