AD html-demo
Показывает работу приложения на веб-странице, отрисовывая его в реальном времени с помощью HTML вместо записи. Окно в стиле Mac пошагово воспроизводит приложение, и каждый кадр является чистой функцией одного такта, View(t), отрисованной на фиксированной сцене 1200 × 750, которая масштабируется CSS до любой ширины. Указатель управляется скриптом, метки и изображения берутся из реального приложения, под окном находится панель шагов, она воспроизводится только когда видна, а при уменьшении движения создаются конечные кадры. Используйте, когда кому-то нужна демонстрация продукта, анимированное окно приложения или главный элемент, пошаговое руководство по функциям, «интерфейс пользователя, анимированный и симулированный в HTML», «как запись экрана, но в HTML», интерактивный тур по продукту на целевой странице или странице загрузки, или когда нужно заменить записи экрана, GIF или MP4 своего интерфейса четким живым HTML. Также используйте для одновременного создания множества таких окон с помощью вспомогательных агентов, или для перемотки, заморозки и создания снимков экрана.
машинный переводПоказать оригиналСкрыть оригинал«Show an app working on a web page by drawing it live in HTML instead o…»
Show an app working on a web page by drawing it live in HTML instead of recording it. A Mac-style window plays the app step by step, and every frame is a pure function of one clock, View(t), drawn on a fixed 1200 × 750 stage that one CSS scale fits to any width. The pointer is scripted, labels and pictures come from the real app, a steps bar sits under the window, it plays only while on screen, and reduced motion gets designed end frames. Use when someone wants a product demo, an animated app window or hero, a feature walkthrough, "the UI animated and simulated in HTML", "like a screen recording but HTML", an interactive product tour on a landing or download page, or wants to replace screen recordings, GIFs or MP4s of their UI with crisp live HTML. Also use to build many such windows at once with helper agents, or to scrub, freeze and screenshot them.
Показывает работу приложения на веб-странице, отрисовывая его в реальном времени с помощью HTML вместо записи.
Как процесс D 41/100 · Процесс не доведён — Скилл ссылается на файлы, которых нет в архиве: scripts/step-window.css
Как улучшить
- В тексте есть ссылки на отсутствующие файлы: добавьте файлы или уберите ссылки.
- Свои кейсы (evals/evals.json, 4–6 реальных запросов с ожидаемыми ответами): тогда полная проверка прогонит именно их, а не черновик от модели.
- spec.yaml с триггерными фразами и утверждениями — контракт поведения для CI; `skilltest init` создаст шаблон.
Находки guard · 0
✓ Критических и высоких находок нет
Просканировано файлов: 12. Улики замаскированы. Пометки в серых чипах объясняют, почему серьёзность понижена.
По спецификации Agent Skills
- предупреждение
missing-refссылка на отсутствующий файл: scripts/step-window.css
Процессный рейтинг: все десять параметров 41/100
- 0Инструменты и файлы. Не хватает 1 файла(ов): scripts/step-window.css
- 0Результат и критерий готовности. Не сказано, что считать результатом
- 0Входы и предусловия. Не сказано, что нужно иметь на входе
- 0Отчётность по ходу. Скилл ничего не сообщает по ходу работы
- 30Повторный запуск. Изменяющих операций: 3, без проверки текущего состояния
- 50Когда включается. Не сказано, при каком запросе скилл включается
- 50Ошибки и развилки. Развилок: 0, есть раздел про ошибки
- 100Шаги. Шагов: 40
- 100Согласованность. Имя и обязательные поля на месте
- 100Стоимость исполнения. Тело инструкции 3374 токенов
Всё перечисленное измерено по тексту скилла, а не оценено моделью: цифры проверяемы. Вес параметра тем больше, чем чаще из-за него процесс встаёт.
Сигналы качества
- +4Описание не говорит, когда скилл НЕ применять (ложные срабатывания)
- +3Длина description 863: рекомендуется 120–800 символов
- +3Формат ответа не описан: модель каждый раз решает сама
- +1Лицензия не указана
- +2Инструкции на одном языке
- +5В description 2 примера фраз-триггеров в кавычках
- +4Структура: 8 заголовков
- +3Пошаговые инструкции: 40 пунктов
- +4Есть примеры (1 блоков кода)
- +4Справочные файлы упоминаются в инструкциях (3 из 3)
- +3Все 3 скриптов описаны в инструкциях
База качества 70; замечания lint вычитаются, сигналы прибавляют до 100. Итог: 87.