Навык Stage Show: финальная версия

Этот навык Claude, Stageshow, предоставляет вашему агенту процесс проектирования, разработанный Бенджи Тейлором, руководителем отдела дизайна в X. Большинство навыков Claude — это просто правила; этот же — полноценный процесс. Узнайте, как использовать навыки Claude для создания анимированных демонстрационных версий целевых страниц, а также как настроить навыки Claude Code и Claude AI. Stageshow: https://benji.org/stageshow Stageshow на GitHub: https://github.com/benjitaylor/skills... Сообщество со всеми ресурсами: https://ailabspro.io/?v=of628n5754g The Roundup, наша ежедневная новостная рассылка, освещающая важные новости в области ИИ. Присоединяйтесь сейчас: https://www.theroundup.so/ У вас есть идея программного обеспечения, но нет команды для ее реализации? Autometa превращает ваши идеи в готовое к производству программное обеспечение. Посмотрите https://autometa.dev/yt, чтобы узнать, что мы можем для вас создать. Что мы обсуждаем в этом видео: Проблема демонстраций продуктов на целевых страницах Почему обычный скриншот вашего приложения пропускается: он слишком перегружен, чтобы заинтересовать кого-либо Почему просьба к Claude Code создать анимированную демонстрацию обычно приводит к неуклюжему, излишнему и шаблонному результату Пять ошибок в демонстрациях ИИ по версии Бенджи: скучно, слишком много, каркасно, блочно и плоско Основная проблема для агентов ИИ в дизайне: у них нет вкуса Что такое навыки Claude и чем Stageshow отличается от других инструментов Что такое навыки Claude: письменные инструкции и ресурсы, которые ваш агент читает и которым следует Stageshow — это вкус Бенджи, записанный в виде сотни небольших дизайнерских решений, чтобы вам не приходилось повторять их агенту Он создает упрощенную рабочую копию одного экрана приложения и воспроизводит на ней короткую запланированную историю с нарисованным курсором Он основывается на стиле, который уже есть на вашем сайте, вместо того, чтобы переделывать всю страницу Навыки Claude против MCP: Stageshow — это навык, Это не сервер MCP. Это файл SKILL.md, содержащий справочные файлы, значки и примеры демонстраций, а не ссылку на инструмент. Один из новых навыков Claude, построенный на основе процесса проектирования, а не списка правил. Семиэтапный процесс проектирования Бенджи: Размещение: статичное или анимированное, размер и отдельная версия для телефона. Внешний вид: учитывает цвета, шрифты и закругление углов вашего приложения. История: одно действие, от трех до пяти моментов, от 10 до 16 секунд. Реальный пример: начинается с ближайшего из примерно 40 собственных демонстраций Бенджи. Экран: всего от трех до семи реальных слов, остальные — текстовые блоки-заполнители. Движение: изогнутое движение курсора, выдвижение частей и зацикливание без видимого перезапуска. Самопроверка: записывает демонстрацию во время воспроизведения, проверяет каждый момент параллельно, и начиная с версии 1.1 не может передать её дальше, пока проверка не пройдёт успешно. Ограничение, по словам самого Бенджи: проверка выявляет ошибки, но не может вам об этом сказать. Если идея скучная Плюс слово от нашего спонсора, Higgsfield Настройка навыков Claude Скопируйте команду установки с GitHub Stageshow или веб-сайта и запустите ее в терминале вашего проекта Выберите своего агента: по умолчанию он устанавливается в папку .agents, которую уже используют многие агенты, или вы можете выбрать конкретный Установите его для одного проекта или для всех проектов на вашем компьютере Взгляд внутрь: SKILL.md, значки приложения, справочные файлы и справочник по сетке Bento Площадка Stageshow: просматривайте каждую сцену на телефоне и компьютере, демонстрации таких продуктов, как Notion и Excel, и версию с уменьшенным движением Как использовать навыки Claude в реальном приложении Вызов Stageshow с помощью команды слэша в приложении для создания музыкальных битов, которое мы разработали с помощью Claude Агент записывает каждый раздел и проверяет его покадрово REHEARSAL.md: заметка агента о том, с какой демонстрации он начал, что он изменил и что он проверил Результат: Замените фальшивый анимированный рисунок в главном окне на раздел, соответствующий реальному приложению, а также добавьте анимированные элементы микшера и аранжировки битов в сетку функций. Предоставление обратной связи простыми словами, а затем добавление исправления в навык, чтобы следующая демонстрация не повторяла ошибку. Изучите навыки Claude с AI Labs Это короткий обучающий курс по навыкам Claude от начала до конца: что это, настройка и использование. Если вы искали курс по навыкам Claude, все навыки и рабочие процессы из наших видео есть в AI Labs Pro. Почему мы считаем Stageshow одним из лучших навыков Claude для всех, у кого есть приложение и целевая страница. Создано для людей, разрабатывающих приложения с использованием ИИ, Claude, Claude AI, Claude Code и других агентов ИИ, в формате навыков от Anthropic. 00:00 Вступле...