يُستخدم عند إنشاء تركيبات المكونات أو تحديثها لاختبار لقطة الشاشة، أو عند تصميم مكونات واجهة المستخدم لتكون متوافقة مع التركيبات. يغطي بنية ملف التثبيت، والسمات، وإعداد الخدمة، ونطاق CSS، والعرض غير المتزامن، والمزالق الشائعة.
ثبّت مهارة الذكاء الاصطناعي component-fixtures بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: microsoft/vscode.
Component fixtures render isolated UI components for visual screenshot testing via the component explorer. Fixtures live in src/vs/workbench/test/browser/componentFixtures/ and are auto-discovered by the Vite dev server using the glob src//.fixture.ts.
Use tools mcpcomponent-exp to list and screenshot fixtures. If you cannot see these tools, inform the user to them on.
Each fixture file exports a default defineThemedFixtureGroup(...). The file must end with .fixture.ts.
يُستخدم عند إنشاء تركيبات المكونات أو تحديثها لاختبار لقطة الشاشة، أو عند تصميم مكونات واجهة المستخدم لتكون متوافقة مع التركيبات. يغطي بنية ملف التثبيت، والسمات، وإعداد الخدمة، ونطاق CSS، والعرض غير المتزامن، والمزالق الشائعة. المصدر: microsoft/vscode.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/microsoft/vscode --skill component-fixturesيُستخدم عند إنشاء تركيبات المكونات أو تحديثها لاختبار لقطة الشاشة، أو عند تصميم مكونات واجهة المستخدم لتكون متوافقة مع التركيبات. يغطي بنية ملف التثبيت، والسمات، وإعداد الخدمة، ونطاق CSS، والعرض غير المتزامن، والمزالق الشائعة. المصدر: microsoft/vscode.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/microsoft/vscode --skill component-fixtures بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/microsoft/vscode