أداة تصميم واجهة المستخدم Google Stitch. إنشاء شاشات من المطالبات النصية، وتحويل التصميمات إلى مكونات React، وإنشاء أنظمة تصميم DESIGN.md. يُستخدم عندما: تصميم واجهة المستخدم، وإنشاء الشاشات، وتحويل Stitch إلى تعليمات برمجية، وإنشاء رموز التصميم المميزة. الكلمات الرئيسية: الغرزة، التصميم، واجهة المستخدم، الشاشة، التوليد، التفاعل، المكونات، DESIGN.md، الإطار السلكي، النموذج الأولي، النموذج بالحجم الطبيعي.
ثبّت مهارة الذكاء الاصطناعي stitch بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: brixtonpham/claude-config.
Export to React → Invoke react:components skill after getting screen
Create Design System → Invoke design-md skill to generate DESIGN.md
| stitch/listprojects | filter: "view=owned" or "view=shared" | | stitch/createproject | title: string | | stitch/getproject | name: "projects/{id}" | | stitch/listscreens | projectId: "projects/{id}" | | stitch/getscreen | projectId, screenId | | stitch/generatescreenfromtext | projectId, prompt, deviceType, modelId |
أداة تصميم واجهة المستخدم Google Stitch. إنشاء شاشات من المطالبات النصية، وتحويل التصميمات إلى مكونات React، وإنشاء أنظمة تصميم DESIGN.md. يُستخدم عندما: تصميم واجهة المستخدم، وإنشاء الشاشات، وتحويل Stitch إلى تعليمات برمجية، وإنشاء رموز التصميم المميزة. الكلمات الرئيسية: الغرزة، التصميم، واجهة المستخدم، الشاشة، التوليد، التفاعل، المكونات، DESIGN.md، الإطار السلكي، النموذج الأولي، النموذج بالحجم الطبيعي. المصدر: brixtonpham/claude-config.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/brixtonpham/claude-config --skill stitchأداة تصميم واجهة المستخدم Google Stitch. إنشاء شاشات من المطالبات النصية، وتحويل التصميمات إلى مكونات React، وإنشاء أنظمة تصميم DESIGN.md. يُستخدم عندما: تصميم واجهة المستخدم، وإنشاء الشاشات، وتحويل Stitch إلى تعليمات برمجية، وإنشاء رموز التصميم المميزة. الكلمات الرئيسية: الغرزة، التصميم، واجهة المستخدم، الشاشة، التوليد، التفاعل، المكونات، DESIGN.md، الإطار السلكي، النموذج الأولي، النموذج بالحجم الطبيعي. المصدر: brixtonpham/claude-config.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/brixtonpham/claude-config --skill stitch بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/brixtonpham/claude-config