Compétences design-md
🎨

design-md

Sûr

إنشاء DESIGN.md لمشاريع Stitch

Également disponible depuis: google-labs-code

تحلل هذه المهام مشاريع Stitch وتولد تلقائياً وثائق تصميم دلالية تعمل كمصدر موثوق لتطوير واجهة المستخدم المتسقة.

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". استخدام مهارة design-md على مشروع مجموعة الأثاث

Résultat attendu:

Design System: Furniture Collection

## 1. Visual Theme & Atmosphere
Warm, inviting, and minimalist with an organic feel. The design balances clean whitespace with natural elements.

## 2. Color Palette & Roles
- Warm Sand (#F5E6D3): Primary background for cards
- Forest Deep (#2D4739): Primary actions and headers
- Soft Cream (#FAF8F5): Page background

## 3. Typography Rules
- Headings: Sans-serif, semi-bold, generous letter-spacing
- Body: Sans-serif, regular weight, comfortable line-height

Utilisation de "design-md". إنشاء DESIGN.md لمشروع تطبيق الجوال

Résultat attendu:

Design System: Mobile App

## 1. Visual Theme & Atmosphere
sleek, modern, and functional. High contrast for accessibility with subtle depth through elevation.

## 2. Color Palette & Roles
- Midnight Blue (#1A237E): Primary brand color
- Electric Teal (#00BFA5): Accent for CTAs
- Pure White (#FFFFFF): Clean backgrounds

## 4. Component Stylings
- Buttons: Pill-shaped, filled primary color, subtle shadow on hover
- Cards: Rounded-lg corners, white background, whisper-soft shadow

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

  • استخدم أسماء وصفية معبرة للألوان بدلاً من المصطلحات العامة مثل 'أزرق' أو 'أخضر'
  • دائماً ضمّن الوظيفة الدورَ لكل عنصر تصميمي في التوثيق
  • ارجع إلى دليل Stitch للكتابة الفعالة للحصول على مصطلحات متسقة

Éviter

  • استخدام أسماء الفئات التقنية دون ترجمتها إلى لغة وصفية
  • حذف رموز hex والاعتماد فقط على الأسماء الوصفية
  • عدم توثيق 'السبب' وراء قرارات التصميم

Foire aux questions

ما هو Stitch؟
Stitch هو أداة تصميم تتيح لك إنشاء واجهة مستخدم من خلال وصف ما تريده. تستخدم الأوصاف المرئية المدعومة بقيم ألوان محددة لتفسير التصاميم.
هل أحتاج لخبرة في البرمجة لاستخدام هذه المهارة؟
لا، هذه المهارة تحلل مشاريع Stitch الموجودة وتولد توثيقاً. تحتاج للوصول إلى مشروع Stitch يحتوي على شاشات مصممة.
هل يمكن لهذه المهارة إنشاء تصاميم جديدة؟
لا، هذه المهامة توثق التصاميم الموجودة. لا تولد واجهات مستخدم جديدة. استخدم Stitch مباشرة لإنشاء تصاميم جديدة.
ما الصيغة التي يستخدمها المخرج؟
المخرج هو ملف DESIGN.md بصيغة Markdown يحتوي على أقسام للمظهر المرئي ولوحة الألوان والطباعة والمكونات ومبادئ التخطيط.
هل تعمل هذه المهارة مع أي أداة تصميم؟
لا، هذه المهارة تعمل تحديداً مع مشاريع 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