Compétences design-md
🎨

design-md

Sûr

Stitchプロジェクト向けDESIGN.mdの生成

Également disponible depuis: google-labs-code

このスキルはStitchプロジェクトを分析し、一貫したUI開発の信頼できる参照となるセマンティックなデザインドキュメントを自動生成します。

Prend en charge: Claude Codex Code(CC)
🥉 73 Bronze
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "design-md". Use design-md skill on Furniture Collection project

Résultat attendu:

Design System: Furniture Collection

## 1. Visual Theme & Atmosphere
温かみがあり、招き入れるようなミニマルさと有機的な雰囲気。クリーンな余白と自然要素のバランスが取れている。

## 2. Color Palette & Roles
- Warm Sand (#F5E6D3): カードの主要背景
- Forest Deep (#2D4739): 主要アクションと見出し
- Soft Cream (#FAF8F5): ページ背景

## 3. Typography Rules
- Headings: サンセリフ、セミボールド、ゆったりした字間
- Body: サンセリフ、レギュラー、読みやすい行間

Utilisation de "design-md". Generate DESIGN.md for Mobile App project

Résultat attendu:

Design System: Mobile App

## 1. Visual Theme & Atmosphere
洗練され、モダンで機能的。高いコントラストでアクセシビリティを確保し、控えめなエレベーションで奥行きを演出。

## 2. Color Palette & Roles
- Midnight Blue (#1A237E): 主要ブランドカラー
- Electric Teal (#00BFA5): CTA用のアクセント
- Pure White (#FFFFFF): クリーンな背景

## 4. Component Stylings
- Buttons: ピル形、主要色の塗りつぶし、ホバー時に控えめな影
- Cards: Rounded-lgの角、白背景、ささやかなシャドウ

Audit de sécurité

Sûr
v1 • 2/24/2026

All static findings are false positives. The skill is a legitimate design documentation generator. Backticks detected are markdown code formatting, not shell execution. URLs are documentation references, not network exfiltration. The skill uses MCP tools to read project data and generate design documentation.

1
Fichiers analysés
179
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
50
Communauté
100
Sécurité
83
Conformité aux spécifications

Ce que vous pouvez construire

デザインシステムのドキュメント化

既存のStitchプロジェクト向けに包括的なデザインドキュメントを作成し、チームメンバー間の一貫性を維持する

オンボーディング用ドキュメント

Stitchベースのプロジェクトに参加する新メンバー向けに、明確なデザイン参照ドキュメントを生成する

デザイン引き継ぎ準備

実装のために開発者へ引き継ぐ前に、詳細なデザイン仕様を準備する

Essayez ces prompts

基本のデザインドキュメント 
Use the design-md skill to analyze the Stitch project and generate a DESIGN.md file that documents the color palette, typography, and component styles.
完全なデザインシステム 
Analyze the [PROJECT_NAME] Stitch project using the design-md skill. Extract all design tokens, document the atmosphere and visual theme, and create a comprehensive DESIGN.md.
コンポーネント重視 
Use the design-md skill to analyze the Stitch project and focus on documenting the button, card, and input component styles. Generate the relevant sections for DESIGN.md.
デザイントークンのエクスポート 
Apply the design-md skill to extract all color values, typography settings, and spacing tokens from the Stitch project. Output them in DESIGN.md format with semantic names.

Bonnes pratiques

  • 色名には「blue」や「green」のような汎用語ではなく、説明的で喚起的な名前を使う
  • 各デザイン要素の機能的な役割を必ずドキュメントに含める
  • 一貫した用語のためにStitch Effective Prompting Guideを参照する

Éviter

  • 技術的なクラス名を使い、説明的な言葉に置き換えない
  • 16進コードを省略し、説明名だけに頼る
  • デザイン判断の「なぜ」を記録しない

Foire aux questions

Stitchとは何ですか？
Stitchは、欲しいUIを説明することで作成できるデザインツールです。特定の色値で裏付けられたVisual Descriptionsを用いてデザインを解釈します。
このスキルを使うのにコーディング経験は必要ですか？
いいえ。このスキルは既存のStitchプロジェクトを分析してドキュメントを生成します。デザイン済み画面があるStitchプロジェクトへのアクセスが必要です。
このスキルで新しいデザインを作れますか？
いいえ。このスキルは既存のデザインを文書化するもので、新しいUIは生成しません。新しいデザインはStitchを直接使って作成してください。
出力はどの形式ですか？
出力はMarkdown形式のDESIGN.mdファイルで、ビジュアルテーマ、カラーパレット、タイポグラフィ、コンポーネント、レイアウト原則のセクションを含みます。
このスキルはどのデザインツールでも使えますか？
いいえ。このスキルはStitchプロジェクト専用です。プロジェクトデータ取得のためにStitch MCP Serverへのアクセスが必要です。
生成されるドキュメントの詳細度はどの程度ですか？
ドキュメントにはセマンティック名付きのカラーコード、タイポグラフィ規則、コンポーネントのスタイリング詳細、レイアウト原則が含まれます。詳細度は元のプロジェクトの情報量に依存します。

Détails du développeur

Auteur

sickn33

Licence

MIT

Dépôt

https://github.com/sickn33/antigravity-awesome-skills/tree/main/web-app/public/skills/design-md

Réf

main

Structure de fichiers

📄 SKILL.md