📦

stitch-design

Name: stitch-design
Author: google-labs-code

Ревизия содержимого r1 Средний риск ⚙️ Внешние команды📁 Доступ к файловой системе

Генерация UI-дизайнов в Stitch

Дизайн-промптам часто не хватает деталей, необходимых для стабильных UI-результатов производственного качества. Этот навык превращает черновые запросы в структурированные рабочие процессы Stitch MCP, переиспользуемые заметки по дизайн-системе и сохраненные дизайн-ассеты.

Поддерживает: Claude Codex Code(CC)

📊 70 Адекватно

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента

Review the Skillstore skill "stitch-design" from https://skillstore.io/skills/google-labs-code-stitch-design.md and its manifest at https://skillstore.io/api/skills/google-labs-code-stitch-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Markdown-детали GET /skills/google-labs-code-stitch-design.md Подписанный manifest GET /api/skills/google-labs-code-stitch-design/manifest Подписанный lockfile GET /api/skills/google-labs-code-stitch-design/lockfile

Протестировать

Использование «stitch-design». Создай дизайн лендинга для горного курорта.

Ожидаемый результат:

Структурированный промпт Stitch, описывающий спокойную роскошь, glassmorphism-поверхности, hero-изображения на всю ширину, премиальную типографику и понятные call to action для бронирования.

Использование «stitch-design». Создай файл дизайн-системы из моего проекта Stitch.

Ожидаемый результат:

Сводка атмосферы проекта
Именованные роли цветов с hex-значениями
Рекомендации по типографике и стилям компонентов
Принципы макета для будущих экранов

Использование «stitch-design». Сделай этот экран более профессиональным.

Ожидаемый результат:

Точечные рекомендации по редактированию, которые корректируют отступы, иерархию, тени, цветовой контраст и оформление кнопок, сохраняя существующий макет.

Аудит безопасности

Средний риск

v6 • 09.07.2026 Открыть версионный отчет

Most static findings are false positives caused by Markdown code formatting, UI terminology, and relative documentation links. One medium-risk semantic issue remains: the workflow recommends shell-based downloads of generated HTML and screenshots without explicit validation or confirmation safeguards.

Просканировано файлов

605

Проанализировано строк

Пункты проверки

Ложные срабатывания проигнорированы

Подтверждённые проблемы безопасности (1)

Средний

workflows/text-to-design.md:34-38

Unvalidated Asset Download Command

The workflow tells agents to download HTML and screenshot URLs to .stitch/designs using curl -o via run_command or similar. Without explicit URL validation, filename sanitization, and user confirmation, this can fetch untrusted remote content and write files into the local project.

The instruction directly combines remote URL downloads, shell execution, and local file writes. The intent is legitimate asset management, but the workflow lacks safety constraints around trusted sources and output paths.

Факторы риска

⚙️ Внешние команды (10)

SKILL.md:17 SKILL.md:20 SKILL.md:30 SKILL.md:31 SKILL.md:32 SKILL.md:41 SKILL.md:42 SKILL.md:52-65 SKILL.md:65-68 SKILL.md:68-82

📁 Доступ к файловой системе (2)

workflows/text-to-design.md:12 workflows/text-to-design.md:15

Аудитор:: claude Посмотреть историю аудитов →

Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет

Копировать ссылку на отчёт

https://skillstore.io/skills/google-labs-code-stitch-design/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/google-labs-code-stitch-design/security.svg)](https://skillstore.io/skills/google-labs-code-stitch-design?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/google-labs-code-stitch-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/google-labs-code-stitch-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/google-labs-code-stitch-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

google-labs-code. (2026). stitch-design security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/google-labs-code-stitch-design/audits/6

Цитата BibTeX

@techreport{google-labs-code-google-labs-code-stitch-design-2026,
  author = {google-labs-code},
  title = {stitch-design security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/google-labs-code-stitch-design/audits/6},
  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-design security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "google-labs-code"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/google-labs-code-stitch-design/audits/6"
identifiers:
  - type: other
    value: "skillstore:google-labs-code-stitch-design:audit:6"
    description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий

Архитектура

Сопровождаемость

Контент

Сообщество

Соответствие спецификации

Что вы можете построить

Создать отполированную концепцию лендинга

Превратите короткую идею продукта в подробный промпт Stitch и сгенерируйте экран высокой точности.

Поддерживать визуальную согласованность экранов

Зафиксируйте цвета, типографику, отступы и правила стиля компонентов из существующих экранов Stitch.

Уточнить сгенерированный UI с помощью точечных правок

Улучшите экран с помощью сфокусированных инструкций по редактированию вместо повторной генерации всего дизайна.

Попробуйте эти промпты

Сгенерировать простую страницу

Создай desktop-лендинг для productivity app. Сделай его чистым, вызывающим доверие и сфокусированным на одном основном call to action.

Использовать существующую дизайн-систему

Сгенерируй pricing page для этого проекта Stitch. Используй существующие цвета, типографику, отступы и стили кнопок из .stitch/DESIGN.md.

Отредактировать сгенерированный экран

Отредактируй текущий экран dashboard. Сохрани макет, но сделай карточки более премиальными и улучши empty states.

Создать документацию дизайн-системы

Проанализируй репрезентативные экраны Stitch в этом проекте и создай файл .stitch/DESIGN.md с ролями цветов, правилами типографики, стилями компонентов и принципами макета.

Лучшие практики

Укажите projectId Stitch и целевой тип устройства до начала генерации.
Создайте или обновите .stitch/DESIGN.md перед генерацией нескольких связанных экранов.
Используйте рабочие процессы точечного редактирования для полировки, когда базовый макет уже корректен.

Избегать

Не генерируйте с нуля ради небольших визуальных изменений или корректировок текста.
Не скачивайте сгенерированные ассеты без проверки исходного URL и пути назначения.
Не используйте расплывчатые промпты, когда важны тон бренда, платформа или структура страницы.