Я отправил ImageStretcher — бесплатный инструмент в браузере, который независимо растягивает ширину и высоту, без обрезки и загрузки файла на сервер — используя Grok Build в качестве агента кодирования. Агенты кодирования прекрасно справляются с задачей «заставить его работать»...
Я отправил ImageStretcher — бесплатный инструмент в браузере, который независимо растягивает ширину и высоту, без обрезки и загрузки файла на сервер — используя Grok Build в качестве агента кодирования.
Агенты кодирования прекрасно справляются с задачей «заставить все работать». Они посредственно умеют «сделать это похожим на продукт», если только вы не дадите им что-то более сильное, чем «пожалуйста, сделайте это красиво». Красотка – это не тип. Семантические токены есть. Пути установки есть. Предварительные настройки движения есть. Ограничения конфиденциальности есть.
В этой статье рассматриваются три рычага, которые обеспечивают честность пользовательского интерфейса ImageStretcher:
Tailwind CSS v4 как среда проектирования, ориентированная на токены
Aceternity + shadcn за ограждением реестра
Грок Создавайте правила и навыки, чтобы агент каждый ход перезагружал вкус.
Сложите в одну строку: React Router v7 SSR · Cloudflare Workers · Tailwind v4 · shadcn/ui · Aceternity UI · Motion Springs · мультилокальность · светлый/темный.
1. Запишите приоритет пользовательского интерфейса в репозиторий, а не в чат.
В каждом сеансе агент должен видеть одну и ту же лестницу. Наш живет в постоянно действующих правилах Grok Build (.grok/rules/00-index.md):
Сначала попутный ветер — макет, интервал, тип, отзывчивость: только утилиты. Нет параллельной структуры CSS.
Aceternity next — если в реестре Aceternity есть аналог