material-component-doc
إنشاء وثائق مكونات FlowGram
إنشاء وثائق شاملة لمكونات واجهة المستخدم يستغرق وقتاً طويلاً وغالباً ما يكون غير مكتمل. تقوم هذه الأداة بأتمتة عملية التوثيق الكاملة لمكونات FlowGram المادية، بما في ذلك إنشاء القصص والوثائق البرمجية ودعم اللغات المتعددة.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「material-component-doc」。 إنشاء وثائق لمكون FlowGram يعرض محددات المتغيرات مع تصفية المخطط
預期結果:
- Complete MDX documentation file with component overview
- Story components for BasicStory, WithSchemaStory, and DisabledStory
- API reference table with all props, types, and descriptions
- Source code analysis section with dependency mapping
- Usage examples with proper code formatting
- Mermaid flowchart showing component workflow
正在使用「material-component-doc」。 إنشاء مكون القصة لمدخل نموذج مع التحقق
預期結果:
- Lazy-loaded React component import pattern
- FreeFormMetaStoryBuilder wrapper with proper form meta structure
- Field component with correct TypeScript generic types
- Multiple Story variants for different validation states
正在使用「material-component-doc」。 ترجمة وثائق مكون الزر من الصينية إلى الإنجليزية
預期結果:
- Translated MDX file preserving all code blocks unchanged
- Updated internal documentation links from /zh/ to /en/
- Translated API table descriptions maintaining terminology consistency
- Mermaid diagrams with translated node labels
安全審計
安全This is a pure documentation skill containing only markdown guidelines and MDX templates. The static findings are all false positives: the 'weak cryptographic algorithm' flags are just JSON field values (e.g., 'MIT', version numbers), 'shell backtick execution' are markdown code delimiters for documentation examples, and 'system reconnaissance' are standard file path listings in documentation. No executable code, network calls, or file operations exist.
風險因素
🌐 網路存取 (8)
📁 檔案系統存取 (3)
⚡ 包含腳本 (2)
⚙️ 外部命令 (89)
品質評分
你能建構什麼
توثيق المكونات الجديدة
إنشاء وثائق شاملة لمكونات FlowGram المادية التي تم إنشاؤها حديثاً مع جداول واجهات برمجة التطبيقات وأمثلة الاستخدام.
توحيد التوثيق
التأكد من أن جميع مكونات الفريق تتبع أنماط توثيق متسقة مع أمثلة القصص المناسبة ومراجع واجهات برمجة التطبيقات.
ترجمة وثائق المكونات
إنشاء وثائق ثنائية اللغات بكفاءة للفرق الدولية مع اتساق المصطلحات المناسب.
試試這些提示
أحتاج إلى إنشاء وثائق لمكون FlowGram مادي جديد يُسمى 'data-table'. يرجى مساعدتي في إنشاء الوثائق الكاملة بما في ذلك مكونات القصص والمرجع البرمجي وأمثلة الكود.
لدي مكون FlowGram 'variable-selector' يحتاج إلى وثائق مع 3 أمثلة للقصة: الاستخدام الأساسي، مع التصفية، والحالة المعطلة. هل يمكنك إنشاء مكونات القصص والتوثيق؟
لدي وثائق صينية معتمدة للمكون 'dynamic-input' في apps/docs/src/zh/materials/components/dynamic-input.mdx. يرجى ترجمتها إلى الإنجليزية مع الحفاظ على جميع أمثلة الكود والجداول البرمجية.
توثيق مكون 'form-validator' قديم. الكود المصدري يحتوي على خصائص وتبعيات جديدة. يرجى تحليل التنفيذ الحالي وتحديث التوثيق مع أحدث التغييرات البرمجية.
最佳實務
- تأكد دائماً من اكتمال ودقة التوثيق الصيني قبل ترجمته إلى الإنجليزية
- استخدم React.lazy لمكونات القصة لتجنب مشاكل الأداء
- تضمن جداول برمجية شاملة لجميع الخصائص العامة وأنواعها
避免
- لا تترجم أمثلة الكود أو الأوامر أو مسارات الملفات في التوثيق
- تجنب مزج الصينية والإنجليزية في نفس قسم التوثيق
- لا تتخطى خطوة إنشاء مكونات القصة لأنها ضرورية للأمثلة التفاعلية