mermaid
أنشئ مخططات Mermaid جميلة لـ GitHub
غالبًا ما تتعطل مخططات Mermaid بين الوضعين الداكن والفاتح أو تستخدم أيقونات غير مدعومة على GitHub. توفّر هذه المهارة أنماطًا وقوالب مجرّبة لإنشاء مخططات احترافية متوافقة عبر السمات وتُعرض بشكل صحيح في كل مرة.
下载技能 ZIP
在 Claude 中上传
前往 设置 → 功能 → 技能 → 上传技能
开启并开始使用
测试它
正在使用“mermaid”。 Create a Mermaid flowchart showing a user login process with validation.
预期结果:
- مخطط انسيابي مع عقدة المستخدم ((circle)) في البداية
- تعبئة داكنة (#374151) مع حدود فاتحة (#d1d5db) لتوافق السمات
- خطوة التحقق بشكل ملعب (["Validate"])
- معين قرار لمسارات النجاح/الفشل
- تم تنسيق subgraphs مع fill:none لملاءمة السمات
正在使用“mermaid”。 Create a Mermaid architecture diagram for a microservices system.
预期结果:
- عدة subgraphs تمثل الخدمات (API, Auth, Database)
- أزواج ألوان احترافية لكل نوع مكوّن
- أسهم اتجاهية واضحة بين الخدمات
- أنماط classDef قابلة لإعادة الاستخدام في الأعلى لسهولة الصيانة
- دوائر لممثلي المستخدمين، ملاعب للإجراءات، أسطوانات للتخزين
正在使用“mermaid”。 Create a Mermaid diagram showing a data pipeline process.
预期结果:
- مخطط انسيابي خطي بمراحل المصدر والمعالجة والوجهة
- تنسيق متسق عبر جميع عقد خط الأنابيب
- نقاط قرار بأشكال سداسية
- مسارات النجاح باللون الأخضر، ومنطق التفريع باللون البرتقالي
- تغليف subgraph صحيح لكل مرحلة من مراحل خط الأنابيب
安全审计
安全This is a pure documentation skill containing only markdown guidance for Mermaid diagram syntax. The static analyzer flagged 115 patterns as potential security issues, but all are false positives: markdown code fences were misidentified as Ruby backtick execution, hex colour codes were misidentified as weak cryptographic algorithms, and metadata fields were misidentified as system reconnaissance. No executable code, network requests, file system access, or command execution capabilities exist in this skill.
风险因素
🌐 网络访问 (2)
⚙️ 外部命令 (55)
质量评分
你能构建什么
مخططات معمارية لطلبات السحب
أنشئ مخططات واضحة لمعمارية النظام لإدراجها في أوصاف طلبات السحب والوثائق.
توثيق تدفقات العمليات
ابنِ تدفقات عمليات مرئية ومخططات خطوط أنابيب البيانات للتوثيق التقني والويكيات.
مخططات البنية التحتية
صمّم مخططات طوبولوجيا للبنية التحتية تُعرض بشكل صحيح عبر جميع سمات GitHub وطرق العرض.
试试这些提示
Create a Mermaid flowchart showing a user registration process with validation, account creation, and welcome steps.
Create a Mermaid architecture diagram with user, API gateway, microservices, and database components using proper styling.
Create a Mermaid flowchart with a decision diamond showing success/failure paths and retry logic.
Create a comprehensive Mermaid diagram with multiple subgraphs, sub-processes, and cross-component communication flows.
最佳实践
- استخدم دائمًا تعبئات داكنة مع حدود فاتحة ونص أبيض للتوافق عبر السمات
- عرّف جميع أنماط classDef في أعلى المخطط لسهولة الصيانة
- اضبط تعبئة subgraph على none لتتكيّف مع أي لون خلفية
避免
- استخدام تعبئات فاتحة مع نص داكن يجعل النص غير مرئي في الوضع الداكن
- أيقونات Font Awesome (fa:fa-*) تُعرض كنص حرفي على GitHub
- تسميات subgraph غير المقتبسة مع مسافات تسبب أخطاء في التحليل