stitch-ui-design
より良い Google Stitch UI プロンプトを作成する
プロンプトの詳細が不足していると、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 エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「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_reportMarkdownバッジ
[](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/4BibTeX形式の引用
@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 のエクスポート目標を改善します。
これらのプロンプトを試す
[target user] 向けの [screen type] 用 Google Stitch プロンプトを書くのを手伝ってください。セクション、スタイル、プラットフォームを含めてください。
オンボーディング、ホーム、詳細、設定画面を含む [product type] 向けの Stitch プロンプトを作成してください。ナビゲーションと状態を含めてください。
[brand] 向けに、トークン、コンポーネント、レスポンシブルール、アクセシビリティ目標、インタラクション状態を定義する Stitch プロンプトを作成してください。
[project] 向けに、セマンティック構造、アセット、ブレークポイント、状態、開発者向けメモを含む、ハンドオフ重視の Stitch プロンプトを作成してください。
ベストプラクティス
- すべてのプロンプトに、ユーザーコンテキスト、画面の目的、プラットフォーム、レイアウト、コンポーネント、ビジュアルスタイルを含めます。
- エクスポート前に、読み込み、空、エラー、選択済み、無効、成功の各状態を依頼します。
- プロンプト全体を置き換えるのではなく、注釈を使って小さなステップでデザインを改善します。
回避
- 対象ユーザー、コンテンツ、レイアウト、ビジュアルの方向性を省いた曖昧な依頼は避けてください。
- デザインが複数のデバイスサイズに対応する必要がある場合は、レスポンシブな挙動を省略しないでください。
- エクスポートされた HTML や CSS を、アクセシビリティとコードレビューなしに本番対応済みとして扱わないでください。
よくある質問
このスキルは Google Stitch を直接使用しますか？
モバイルと Web UI の支援はできますか？
Claude、Codex、Claude Code で使用できますか？
アクセシビリティは扱いますか？
本番対応コードを作成できますか？
どのような情報を提供すべきですか？
開発者情報
作成者
sickn33ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
9f814fc6a43fd99946f2da5e0df231c65a38bc76
メンテナンスの新しさ
2026/7/20
利用状況
17 ダウンロード · 207 閲覧
ファイル構成