محول تصميمي قائم بذاته — يستدعي مباشرة، لا يتحلل. يحول ملف HTML مرجعي للتصميم إلى تطبيق Vibes. يُستخدم عندما يقدم المستخدم تصميمًا بتنسيق html أو نموذج بالحجم الطبيعي أو نموذجًا أوليًا ثابتًا ليتطابق تمامًا.
ثبّت مهارة الذكاء الاصطناعي design-reference بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: popmechanic/vibes-cli.
Plan mode: If you are planning work, this entire skill is ONE plan step: "Invoke /vibes:design-reference". Do not decompose the steps below into separate plan tasks.
Transform a complete design reference HTML file into a working Vibes app with Fireproof data persistence.
The design reference is source code to transform, not inspiration to interpret. When given a complete HTML file with styles, your job is to make minimal surgical changes to connect it to React/Fireproof—not to recreate it from your understanding of its aesthetic.
محول تصميمي قائم بذاته — يستدعي مباشرة، لا يتحلل. يحول ملف HTML مرجعي للتصميم إلى تطبيق Vibes. يُستخدم عندما يقدم المستخدم تصميمًا بتنسيق html أو نموذج بالحجم الطبيعي أو نموذجًا أوليًا ثابتًا ليتطابق تمامًا. المصدر: popmechanic/vibes-cli.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/popmechanic/vibes-cli --skill design-referenceمحول تصميمي قائم بذاته — يستدعي مباشرة، لا يتحلل. يحول ملف HTML مرجعي للتصميم إلى تطبيق Vibes. يُستخدم عندما يقدم المستخدم تصميمًا بتنسيق html أو نموذج بالحجم الطبيعي أو نموذجًا أوليًا ثابتًا ليتطابق تمامًا. المصدر: popmechanic/vibes-cli.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/popmechanic/vibes-cli --skill design-reference بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/popmechanic/vibes-cli