stitch-ui-design
Создавайте более качественные UI-промпты для Google Stitch
Google Stitch может создавать типовые дизайны, если в промптах не хватает деталей. Этот навык предоставляет структурированные рекомендации по промптам для экранов, пользовательских потоков, визуального стиля, доступности и передачи в разработку.
Установить с помощью моего Агента
Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.
Review the Skillstore skill "stitch-ui-design" from https://skillstore.io/skills/sickn33-stitch-ui-design.md and its manifest at https://skillstore.io/api/skills/sickn33-stitch-ui-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.
Ресурсы для AI-агентов
Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.
Протестировать
Использование «stitch-ui-design». Мне нужен главный экран мобильного приложения для доставки еды.
Ожидаемый результат:
Структурированный промпт для Stitch с поиском, категориями, карточками ресторанов, нижней навигацией, визуальным стилем и требованиями к мобильным размерам.
Использование «stitch-ui-design». Сделай мой промпт для SaaS-дашборда более конкретным.
Ожидаемый результат:
Уточненный промпт с метриками, типами графиков, навигацией, пустыми состояниями, состояниями загрузки, адаптивной компоновкой и проверками доступности.
Использование «stitch-ui-design». Подготовь дизайн к передаче в разработку после экспорта из Stitch.
Ожидаемый результат:
План ревью, охватывающий семантическую структуру, названия компонентов, цветовые токены, ассеты, адаптивные брейкпоинты и заметки по доступности.
Аудит безопасности
БезопасноReview found the static alerts are false positives from Markdown prompt examples and UI design terminology. The skill contains natural-language guidance for Google Stitch, with no executable commands, credential access, network calls, data exfiltration, or prompt injection attempt.
Факторы риска
⚙️ Внешние команды (43)
Поделиться и цитировать этот отчет
Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.
Копировать ссылку на отчёт
https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportЗначок Markdown
[](https://skillstore.io/skills/sickn33-stitch-ui-design?utm_source=security_passport_badge)Значок HTML
<a href="https://skillstore.io/skills/sickn33-stitch-ui-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-stitch-ui-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Встраиваемая карточка
<iframe src="https://skillstore.io/embed/skills/sickn33-stitch-ui-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Академические ссылки (APA · BibTeX · CFF)
Цитата APA
sickn33. (2026). stitch-ui-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4Цитата BibTeX
@techreport{sickn33-sickn33-stitch-ui-design-2026,
author = {sickn33},
title = {stitch-ui-design security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "stitch-ui-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/sickn33-stitch-ui-design/audits/4"
identifiers:
- type: other
value: "skillstore:sickn33-stitch-ui-design:audit:4"
description: "Skillstore immutable audit report identifier"
Оценка Skillstore
Почему такая оценка Достоверность доказательств: ВысокийЧто вы можете построить
Прототипирование интерфейса продукта
Создайте подробный промпт для Stitch для лендинга, дашборда или пользовательского сценария приложения перед дизайн-ревью.
Создание согласованных UI-экранов
Определите цвета, типографику, отступы, компоненты, состояния и адаптивные правила для согласованного результата в Stitch.
Подготовка передачи дизайна в разработку
Уточните цели экспорта из Stitch с учетом доступности, семантической структуры, заметок по ассетам и спецификаций, готовых для разработчиков.
Попробуйте эти промпты
Помоги мне написать промпт для Google Stitch для [screen type] для [target user]. Включи разделы, стиль и платформу.
Создай промпт для Stitch для [product type] с экранами онбординга, главной страницы, детальной страницы и настроек. Включи навигацию и состояния.
Составь промпт для Stitch, определяющий токены, компоненты, адаптивные правила, цели доступности и состояния взаимодействия для [brand].
Создай ориентированный на передачу в разработку промпт для Stitch с семантической структурой, ассетами, брейкпоинтами, состояниями и заметками для разработчиков для [project].
Лучшие практики
- Включайте в каждый промпт контекст пользователя, назначение экрана, платформу, компоновку, компоненты и визуальный стиль.
- Запрашивайте состояния загрузки, пустого результата, ошибки, выбора, отключения и успешного выполнения до экспорта.
- Уточняйте дизайн небольшими шагами с помощью аннотаций вместо полной замены промпта.
Избегать
- Избегайте расплывчатых запросов, в которых не указаны аудитория, контент, компоновка и визуальное направление.
- Не опускайте адаптивное поведение, если дизайн должен поддерживать несколько размеров устройств.
- Не считайте экспортированные HTML или CSS готовыми для production без проверки доступности и ревью кода.
Часто задаваемые вопросы
Использует ли этот навык Google Stitch напрямую?
Может ли он помочь с мобильным и веб-UI?
Могу ли я использовать его с Claude, Codex или Claude Code?
Охватывает ли он доступность?
Создаст ли он код, готовый для production?
Какую информацию мне нужно предоставить?
Сведения для разработчиков
Автор
sickn33Лицензия
MIT
Ревизия Skillstore
r1
Примечание о версии
Автор не указал версию.
Ссылка
9f814fc6a43fd99946f2da5e0df231c65a38bc76
Актуальность поддержки
18.07.2026
Использование
17 загрузок · 207 просмотров
Структура файлов