スキル design-md

📦

design-md

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

コンテンツリビジョン r1 中リスク ⚙️ 外部コマンド🌐 ネットワークアクセス

StitchプロジェクトからDESIGN.mdガイドを作成

デザインチームには、一貫したAI生成画面のための明確な信頼できる情報源が必要です。このスキルは、Stitchの画面、メタデータ、ビジュアルアセットを構造化されたDESIGN.mdガイドに変換します。

対応: Claude Codex Code(CC)

📊 69 十分

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

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

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/google-labs-code-design-md.md 署名済み manifest GET /api/skills/google-labs-code-design-md/manifest 署名済み lockfile GET /api/skills/google-labs-code-design-md/lockfile

テストする

「design-md」を使用しています。家具コレクション画面を分析する。

期待される結果:

落ち着いたギャラリーのようなビジュアルの雰囲気を説明するDESIGN.mdセクション。
説明的な名前、hex値、機能的な役割を含むカラーパレット。
ボタン、カード、ナビゲーション、フォーム、レスポンシブグリッドに関するコンポーネントガイダンス。

「design-md」を使用しています。今後のStitch画面向けのプロンプトガイダンスを作成する。

期待される結果:

今後のプロンプトに推奨されるデザイン言語。
スペーシング、タイポグラフィ、シャドウ、インタラクション状態に関する具体的なルール。
曖昧な用語や不足している色の値に関する注意。

「design-md」を使用しています。プロジェクトのデザインテーマを要約する。

期待される結果:

簡潔なプロジェクトアイデンティティセクション。
セマンティックな色とタイポグラフィのルール。
画面がデバイス間でどのように適応すべきかを説明するレイアウト原則。

セキュリティ監査

中リスク

v6 • 2026/7/9 バージョン別レポートを開く

Static findings for shell execution, reconnaissance, hardcoded URLs, and screen capture upload are false positives caused by markdown examples, Stitch MCP tool references, design terminology, and a public documentation link. The main security concern is semantic: the skill can enumerate owned Stitch projects and retrieve private HTML and screenshots unless the user scopes the project explicitly.

スキャンされたファイル

363

解析済み行数

レビュー項目

誤検知を無視

確認済みのセキュリティ上の懸念 (1)

中

SKILL.md:35-56

Broad Stitch Project Discovery and Asset Retrieval

The skill directs the agent to list owned Stitch projects when no project ID is provided, then fetch screen metadata, HTML code, and optional screenshots. This is intended functionality, but it can expose private project names and design assets unless the user clearly scopes the request.

The instructions explicitly call list_projects, list_screens, get_screen, and web_fetch against design asset URLs. The behavior is legitimate for the skill, but the privacy impact is clear when scope is not explicit.

リスク要因

⚙️ 外部コマンド (30)

🌐 ネットワークアクセス (2)

SKILL.md:23 SKILL.md:136

監査者: claude 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/google-labs-code-design-md/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-design-md/security.svg)](https://skillstore.io/skills/google-labs-code-design-md?utm_source=security_passport_badge)

HTMLバッジ

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

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/google-labs-code-design-md.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). design-md security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/google-labs-code-design-md/audits/6

BibTeX形式の引用

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

バリアントを比較

インストール可能なバリアント 2 件

各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。

このバリアントが首位の理由

Skillstore スコアが最高

作者 / ソース Skillstore スコア証拠の信頼度 Skillstore 利用状況更新済み

sickn33 推奨

sickn33-design-md

Skillstore スコア 78

証拠の信頼度高

Skillstore 利用状況 14

更新済み

2026-09-09

google-labs-code 現在

google-labs-code-design-md

Skillstore スコア 69

証拠の信頼度高

Skillstore 利用状況 13

更新済み

2026-09-09

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

プロダクトのデザイン言語を文書化する

既存のStitch画面から再利用可能なDESIGN.mdを作成し、今後の画面で同じスタイルを維持できるようにします。

AIによる画面生成を標準化する

新しいUI画面を依頼する前に、Claude、Codex、またはClaude Codeに正確なデザインリファレンスを提供します。

ハンドオフ用ガイダンスを記録する

共有デザインコンテキストが必要なチーム向けに、色、タイポグラフィ、スペーシング、コンポーネントの動作を要約します。

これらのプロンプトを試す

基本的なDESIGN.mdを作成する

design-mdを使用して私のStitchプロジェクトを分析し、メイン画面用のDESIGN.mdファイルを作成してください。

特定の画面を分析する

プロジェクト [project ID] と画面 [screen ID] に対してdesign-mdを使用してください。色、タイポグラフィ、コンポーネント、レイアウトルールに重点を置いてください。

再利用可能なスタイルガイドを構築する

選択したStitch画面を分析し、今後のプロンプトで一致するページを作成するために使用できるDESIGN.mdを書いてください。

詳細なデザインシステムリファレンスを作成する

design-mdを使用してStitch画面のHTML、スクリーンショット、プロジェクトテーマを取得してください。雰囲気、トークン、コンポーネント、レイアウト、プロンプトガイダンスを含む詳細なDESIGN.mdを作成してください。

ベストプラクティス

広範なプロジェクト検出を避けるため、可能な場合は正確なStitchプロジェクトと画面を指定してください。
生成されたDESIGN.mdをプロンプトの参照元として使用する前に、ブランドの正確性を確認してください。
追加の画面でガイドを拡張する前に、強力な参照画面を1つ使用してください。

回避

関連するプロジェクトが1つだけの場合に、すべてのプロジェクトを検査するよう依頼しないでください。
生成されたガイドを完全なアクセシビリティ監査として扱わないでください。
正確なプロジェクト識別子と画面識別子が利用可能な場合に、曖昧なプロンプトを使用しないでください。

よくある質問

このスキルは何を作成しますか？

Stitchプロジェクトのデザインシステムを平易なデザイン言語で説明するDESIGN.mdファイルを作成します。

Stitch MCPへのアクセスは必要ですか？

はい。プロジェクト、画面、HTML、スクリーンショット、テーマデータを取得するためにStitch MCPツールが必要です。

Claude Codeで使用できますか？

はい。レポートにはClaude、Codex、Claude Codeのサポートが記載されています。

本番用のUIコードを生成しますか？

いいえ。今後のUI生成を促すために使用できるデザインガイダンスを文書化します。

非公開プロジェクトアセットを分析できますか？

認可されたStitchアセットを取得できるため、ユーザーはまず対象のプロジェクトと画面を確認する必要があります。

実行後に何を確認すべきですか？

色名、hexコード、コンポーネントの説明、スクリーンショットやHTMLから行われた前提を確認してください。

開発者情報

作成者

google-labs-code

ライセンス

MIT

Skillstore リビジョン

バージョンに関する注意

作者はバージョンを宣言していません。

リポジトリ

https://github.com/google-labs-code/stitch-skills/tree/main/skills/design-md/

参照

1ffa7643651792ccb4bd3b15d924d2c97edff755

メンテナンスの新しさ

2026/7/24

利用状況

9 ダウンロード · 201 閲覧

ファイル構成

📁 examples/

📄 DESIGN.md

📄 README.md

📄 SKILL.md