design-md

作成者： google-labs-code

Stitchデザインプロジェクトを分析し、プロンプトの信頼できる情報源として意味論的なDESIGN.mdファイルを生成します。MCPサーバーツールを介してStitchプロジェクトからスクリーンメタデータ、HTML/CSSソース、デザインアセットを取得し、デザイントークンとビジュアルパターンを抽出します。抽出結果を、雰囲気、HEXコード付きカラーパレット、タイポグラフィ、コンポーネントスタイリング、レイアウト原則を網羅した構造化されたDESIGN.mdファイルに統合します。技術的な値（Tailwindクラス、border-radius、シャドウ）を、印象的な表現に変換します。

npx skills add https://github.com/google-labs-code/stitch-skills --skill design-md

ZIPダウンロード GitHub

google-labs-codeのその他のスキル

agent-dx-cli-scale

google-labs-code

CLIがAIエージェント向けにどの程度設計されているかを評価するためのスコアリングスケールで、「Rewrite Your CLI for AI Agents」の原則に基づいています。

google-labs-code

json-render用のInkターミナルレンダラーで、JSON仕様をインタラクティブなターミナルUIに変換します。@json-render/inkを使用してターミナルUIを構築する際に使用します。

tdd-red-green-refactor

google-labs-code

このスキルは、AI支援プログラミングのための構造的フレームワークを実装し、コードのすべての行が検証可能で、型付けされ、目的を持っていることを保証します。

typed-service-contracts

google-labs-code

「Spec and Handler」パターンを用いて、堅牢で型安全なTypeScriptサービスを構築するためのアーキテクチャ標準。CLI、ライブラリ、または複雑な…を構築する際に使用します。

automate-github-issues

google-labs-code

並列Julesコーディングエージェントを使用して、GitHub Issueの自動トリアージと解決を設定します。

local-action-verification

google-labs-code

actを使用してローカルGitHub Actions検証用のリポジトリを設定し、Julesがプッシュ前にCIを検証できるようにする

github-codebase-briefing

google-labs-code

このスキルはリポジトリの「深読み」を実行します。まずプロジェクトのアーキテクチャを理解し、そのコンテキストに基づいて未解決項目を評価することで、表面的なリスト表示を避けます。

stitch-sdk-bug-bash

google-labs-code

実際のAPIキーを使用してStitch SDKのバグを見つけます。標準的な機能の境界とトリッキーな状況をカバーします。