Communitygithub.com

google-labs-code/design-md

Stitchプロジェクトを解析し、セマンティックデザインシステムをDESIGN.mdファイルに統合します

design-md とは?

このスキルは、Stitchベースのプロジェクトを解析し、そのデザインシステムをセマンティックにまとめたDESIGN.mdファイルを自動生成するためのものです。開発者は、デザインシステムの最新状態をコードベースと同期させるために、このスキルを利用できます。主にStitchプロジェクトで使用され、プロジェクトのコンポーネント構造、テーマ、スタイルガイドを理解し、一貫性のあるドキュメントを生成します。SKILL.mdの仕様に基づき、スキルはプロジェクトのソースコードをスキャンし、デザイントークンやパターンを抽出し、それらを整理して、人間が読みやすいMarkdown形式で出力します。これにより、デザインと開発の間のギャップを埋め、ドキュメントのメンテナンス負荷を軽減します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/google-labs-code/stitch-skills/tree/main/skills/design-md

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

design-md は何をしますか?

Stitchプロジェクトを解析し、セマンティックデザインシステムをDESIGN.mdファイルに統合します。

Individual skills in this repo

This repo contains 6 individual skills — each has its own dedicated page.

関連スキル