Перейти к содержимому

Я добавил интерфейс к навыку /grill-me от Мэтта Покока

Jason Ku

0:00 / 0:00

Я добавил интерфейс к навыку /grill-me от Мэтта Покока

53 622 просмотра · 4 недели назад
Jason Ku
11,5 тыс. подписчиков
53 622 просмотра · 4 недели назад
Навык Grill Me от Мэтта Покока — это то, к чему я обращаюсь почти каждый день, а долгие сеансы «допроса» превращают мой терминал в стену текста, в которой я не могу ориентироваться. Поэтому я добавил к нему пользовательский интерфейс. Grill Me — это небольшая, но остроумная идея: вместо того, чтобы позволять вашему программисту гадать о дизайне и узнавать результат через 400 строк, агент проводит с вами интервью — вопрос за вопросом, каждый с рекомендацией — пока не будет принято окончательное решение по всем пунктам спецификации. Проблема не в самом навыке; проблема в его поверхностном виде. Настоящий сеанс «допроса» включает в себя десятки вопросов, а в терминале это одна длинная прокрутка, к которой нельзя вернуться. Нет места для последующего вопроса, поэтому возникает соблазн написать «просто следуйте вашей рекомендации» — именно в тот момент, когда «допрос» перестаёт быть полезным. Grill с пользовательским интерфейсом сохраняет тот же базовый навык, но отображает перед ним локальную страницу браузера. Каждый вопрос представлен в виде карточки с вариантами ответов и рекомендациями, и каждая карточка имеет свою собственную ветку обсуждения, поэтому вы можете подробно обсудить одно решение, не теряя при этом остальную часть сессии. Нажмите «Углубиться», и агент создаст полную таблицу плюсов и минусов для этого вопроса. Отвечайте в любом порядке, подготовьте столько вариантов, сколько хотите, и отправьте их как один ход. Для всего, что касается пользовательского интерфейса, Visualize поручает субагенту создать кликабельный HTML-прототип вашего реального приложения с примененным дизайном — блок-схему, когда работа ведется на бэкэнде. Вы видите результат до того, как начнете его создавать. Принятие правильных решений до того, как агент начнет писать код, по-прежнему является самым эффективным способом решения задачи. Внутри все намеренно компактно: один скрипт Node, один HTML-файл, никаких зависимостей, никакого этапа сборки. ЧТО ВЫ УЗНАЕТЕ • Что на самом деле делает навык Grill Me и почему дизайн-интервью лучше, чем однократный опрос • Почему длительные сессии вопросов и ответов разваливаются в терминале и что исправляет пользовательский интерфейс • Темы для каждого вопроса и более подробное изучение — реальные таблицы плюсов и минусов для каждого варианта • Визуализация: кликабельные HTML-прототипы и блок-схемы, созданные суб-агентом • Как это работает изнутри — локальный сервер, файл состояния, отсутствие зависимостей • Что делать с готовым дизайн-документом и визуализацией (передать и то, и другое агенту-оркестратору) РАЗДЕЛЫ 00:00 Grill Me с помощью пользовательского интерфейса: Мое обновление навыка Grill Me 00:42 Что на самом деле делает навык Grill Me 01:07 Почему сессии вопросов и ответов разваливаются в терминале 02:30 Обзор пользовательского интерфейса: карточки вопросов и темы обсуждений 03:50 Визуализация: HTML-прототипы и блок-схемы 04:52 Как это работает изнутри Hood (локальный сервер, файл состояния, без зависимостей) 07:03 Живая демонстрация: тестирование функции геймификации для Altitude 09:45 Первые вопросы: Где хранятся баллы? 10:36 Подробнее: Автоматически сгенерированные таблицы преимуществ и недостатков 14:46 Панель терминов и определений 16:20 Создание первой визуализации с помощью субагента 18:17 Обзор кликабельного HTML-прототипа 19:34 Добавление уровней и перегенерация визуализации 23:45 Завершение Grill: Документ с описанием дизайна и передача спецификации 26:05 Установка, участие в проекте и обновление запуска Altitude УПОМЯНУТЫЕ ИНСТРУМЕНТЫ Grill with UI — навык из этого видео, шаги установки и все остальное: https://github.com/jasonku09/grill-wi... Grill Me — оригинальный навык, на котором это построено, от Мэтта Покока: https://www.aihero.dev/skills-grill-me Есть идея или обнаружена ошибка? Откройте проблему в репозитории. Запросы на слияние также приветствуются — мне бы хотелось увидеть, что люди добавят в него. ССЫЛКИ 🚀 Altitude — моё приложение, которое шаг за шагом проведёт вас через процесс обучения программированию и разработке с использованием ИИ. Публичный запуск в конце сентября 2026 года; участники списка ожидания получат скидку и уведомление первыми: https://learnaltitude.com 💬 The Workshop — моё бесплатное сообщество для тех, кто учится разрабатывать с использованием ИИ. Я отвечаю на все вопросы: https://jasonk.us/workshop #ClaudeCode #AgentSkills #AICoding #SpecDrivenDevelopment