Создание интерактивных UX-прототипов
Командам нужна быстрая проверка пользовательских сценариев до начала инженерной разработки. Этот навык превращает UX-спецификации в интерактивные HTML-прототипы с экранами, состояниями и базовыми взаимодействиями.
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "ux-prototyping" from https://skillstore.io/skills/emz1998-ux-prototyping.md and its manifest at https://skillstore.io/api/skills/emz1998-ux-prototyping/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Использование «ux-prototyping». UX-спецификация для менеджера задач со входом, дашбордом, модальным окном создания задачи и детальным представлением.
Ожидаемый результат:
Один HTML-прототип с экранами приветствия, входа, дашборда, создания задачи, пустого состояния и деталей задачи.
Использование «ux-prototyping». Запрос на проверку мобильного сценария оформления заказа с ошибками оплаты.
Ожидаемый результат:
Адаптивный прототип, показывающий проверку корзины, доставку, оплату, подтверждение, отклоненную карту и сценарии повторной попытки.
Использование «ux-prototyping». UX-дизайнер просит пустые, загрузочные и ошибочные состояния для сценария поиска.
Ожидаемый результат:
Прототип, демонстрирующий skeleton loading, пустые результаты, встроенные ошибки валидации и экраны успешного подтверждения.
The only confirmed issue is a medium client-side XSS risk in assets/prototype-template.html where form values are rendered with innerHTML. The remaining static findings are false positives from Markdown backticks, JavaScript template literals, CSS border styles, and local array lookup. No prompt injection or malicious intent was found.
Это реальные локальные возможности, которые могут ожидаться для этого навыка, поэтому они требуют проверки, но не считаются подтверждённым вредоносным поведением.
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
https://skillstore.io/skills/emz1998-ux-prototyping/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-ux-prototyping?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-ux-prototyping/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-ux-prototyping.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Emz1998. (2026). ux-prototyping security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-ux-prototyping/audits/6@techreport{emz1998-emz1998-ux-prototyping-2026,
author = {Emz1998},
title = {ux-prototyping security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/emz1998-ux-prototyping/audits/6},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "ux-prototyping security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/emz1998-ux-prototyping/audits/6"
identifiers:
- type: other
value: "skillstore:emz1998-ux-prototyping:audit:6"
description: "Skillstore immutable audit report identifier"
Превратите UX-спецификацию в кликабельные экраны для ревью со стейкхолдерами до выделения инженерных ресурсов.
Предпросматривайте пустые, загрузочные, ошибочные и успешные состояния, чтобы проверить, ощущается ли сценарий завершенным.
Создайте переносимый HTML-прототип для сессий обратной связи без разработки backend-сервисов.
Создай интерактивный HTML-прототип на основе specs/architecture/ux.md. Включи основные экраны, навигацию и пустые состояния.
Создай прототип для сценария онбординга в [path]. Включи валидацию форм, успешные, ошибочные состояния и состояния восстановления.
Обнови прототип, чтобы переходы между экранами, поведение модальных окон, отключенные кнопки и обратная связь валидации соответствовали UX-спецификации.
Создай полный валидационный прототип для [feature]. Покрой основные, второстепенные, загрузочные, частичные, ошибочные сценарии и сценарии отката.
Автор
Emz1998Лицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
Актуальность поддержки
22.07.2026
Использование
7 загрузок · 227 просмотров
Структура файлов
Обучение коду через создание приложений
Изучение кода может казаться абстрактным, когда примеры оторваны от реальных проектов. Этот навык обучает концепциям, одновременно пошагово создавая работающие приложения.
Генерация идей для функций приложения со структурированным подходом
Командам нужны практичные идеи функций, которые связывают пользовательскую ценность, реализуемость и метрики. Этот навык помогает проводить структурированный мозговой штурм для планирования веб- и мобильных приложений.
Создавайте компактные макеты страниц Next.js
Файлы страниц Next.js могут становиться сложными в поддержке, когда макет, типы и логика страницы разрастаются вместе. Этот навык помогает Claude, Codex и Claude Code создавать модульные макеты page.tsx с вынесенными типами.
Генерация дорожных карт задач проекта
Проектным командам часто трудно преобразовать спецификации в понятную работу по реализации. Этот навык преобразует спецификации в поэтапные задачи с зависимостями и шагами проверки.
Пишите модульные типы Next.js
В проектах Next.js могут накапливаться большие файлы типов, которые сложно поддерживать. Этот навык помогает Claude, Codex и Claude Code писать небольшие TypeScript-типы и интерфейсы в srs/types.
Ревью реализаций перед коммитом
Команды могут пропустить недостатки плана или проблемы в коде, когда этапы рабочего процесса проходят быстро. Этот навык направляет завершенные планы и реализации агентам ревью перед следующим этапом.
Исследуйте дизайны продуктов на основе расплывчатых идей
от yunshu0909
Ранним идеям функций часто не хватает четких границ, направления компоновки и состояний, готовых к реализации. Этот skill проводит Claude, Codex и Claude Code через вопросы, альтернативы, макеты и документацию.
Проектируйте более качественные фронтенд-интерфейсы
от DCjanus
Работа над UI и фронтендом часто требует быстрых решений о стиле, цвете, типографике, компоновке и паттернах фреймворков. Этот навык ищет данные в курируемых локальных дизайн-материалах и превращает их в практические рекомендации по реализации UI/UX.
Проектируйте выразительные UI-прототипы
от tencentcloudbase
Типовым AI-интерфейсам часто не хватает визуального направления и деталей с учетом платформы. Этот навык помогает Claude, Codex и Claude Code определить дизайн-замысел перед созданием прототипов.
Проектирование интерфейсов в стиле Apple
от BarisSozen
Современным продуктовым командам нужны согласованные и отточенные рекомендации по UI. Этот навык дает Claude, Codex и Claude Code практические правила в стиле Apple для типографики, цвета, отступов, компонентов, анимации и UX-ревью.
Создавайте более качественные UI-промпты для Google Stitch
от sickn33
Google Stitch может создавать типовые дизайны, если в промптах не хватает деталей. Этот навык предоставляет структурированные рекомендации по промптам для экранов, пользовательских потоков, визуального стиля, доступности и передачи в разработку.
Оптимизируйте попапы без ущерба для UX
от sickn33
Неудачно рассчитанные по времени попапы могут снижать доверие, ухудшать мобильный UX и ослаблять конверсию. Этот навык помогает командам проектировать уважительные стратегии попапов с четкими триггерами, текстами, таргетингом и тестами.