make-interfaces-feel-better: طابق قائمة التفاصيل قبل تغيير إحساس الواجهة

لمن يناسب

هذا الدليل لمن تعمل واجهته أصلًا لكنه يشعر أنها «تنقصها اللمسة»، ويريد أن يقابل الوكيل مهارة تركز على التفاصيل الصغيرة. النص الرسمي يكتبها اهتمامًا بالتفاصيل التي تجعل الواجهة أمتع استخدامًا. المستودع:

https://github.com/jakubkrehel/make-interfaces-feel-better

متن المهارة:

https://github.com/jakubkrehel/make-interfaces-feel-better/blob/main/skills/make-interfaces-feel-better/SKILL.md

المواد تقول إنها تغطي التحريك، وطباعة الحروف، والأيقونات، وحالات التحويم، والمحاذاة البصرية، والزوايا المتحدة المركز، والظلال، ومناطق الضغط وما شابه. تناسب عندما تكون لديك واجهة يمكن معاينتها وتريد صقل هذه النقاط فقط. لا تناسب من بلا واجهة ويريد أن يخترع الوكيل منظومة بصرية كاملة. المواد الحالية لا تسمي عميلًا إلزاميًا؛ لا تستنتج أن منتجًا واحدًا فقط يستطيع التثبيت.

المستودع يُنشر برخصة MIT؛ الشرح في

https://github.com/jakubkrehel/make-interfaces-feel-better#MIT-1-ov-file

إكمال أول محاولة في 3 دقائق

اتبع المسار الرسمي الموصى به فقط.

شرط مسبق: يستطيع هذا الجهاز تشغيل npx، وفي مساحة العمل كود واجهة أو معاينة يمكن فتحها. قبل التنفيذ أكّد أن المشروع الحالي هو موضع كتابة المهارة.

موضع التثبيت تتولاه npx skills add. المواد لا تكتب مجلدًا هدفًا؛ لا تُكمل مسارًا لم يظهر. الموضع الرسمي لملف المهارة هو SKILL.md أعلاه.

انسخ ونفّذ:

npx skills add jakubkrehel/make-interfaces-feel-better

علامة النجاح: ينتهي الأمر بشكل طبيعي، ويستطيع الوكيل الاستشهاد ببنود مثل التحريك أو حالات التحويم أو مناطق الضغط. ابدأ بمقابلة للقراءة فقط: عيّن صفحة موجودة واطلب تسمية مشكلات الإحساس المحتملة فقط، وامنع تغيير الملفات صراحة. إن أشار إلى المشكلات حسب فئات المهارة (لا بقول عام «شكلها سيئ») فقد حُمّلت.

تغيير الأنماط يحرّك المستودع. لا تأذن بالكتابة قبل تأكيد الملفات والنطاق.

حالات الاستخدام

الحالة الأولى: افحص أولًا حالات التحويم ومناطق الضغط. توافق hover states وhit areas التي تغطيها المهارة. تناسب عندما يمكن نقر الأزرار أو الروابط أصلًا لكنها صعبة الإصابة أو بلا رد. اطلب أولًا قائمة مشكلات فقط. عند النجاح تقع الملاحظات على التحويم ونطاق النقر، لا على إعادة الصفحة كاملة. المواد لا تعطي حدًا أدنى لحجم المنطقة ولا CSS محددًا.

الحالة الثانية: قابل الطباعة والمحاذاة البصرية والزوايا المتحدة المركز. توافق typography وoptical alignment وconcentric border radius. تناسب عندما يكون التخطيط ثابتًا وتريد فقط إصلاح التتبع والمحاذاة وكون الزوايا متحدة المركز. اعرض لقطة حالية أو مكوّنًا واطلب تقييم هذه الثلاث فقط. عند النجاح تطابق الاقتراحات هذه الفئات ولا تبدأ تصميمًا جديدًا. المواد لا تعطي مواصفة رقمية؛ قف حيث تنقص الأرقام.

حدود الاستخدام

المواد الحالية تثبت أمر تثبيت npx هذا ومجموعة الموضوعات أعلاه فقط. لا تخترع أسماء مهارات أو أوامر أو token تصميم أخرى. «and more» في العنوان غير موسّع؛ لا تعامل موضوعات غير مكتوبة كقائمة قائمة أصلًا.

المواد لا تفرض لغة أو إطارًا. لا تستنتج مكدسًا واحدًا من الأمثلة. تغييرات التحريك والظلال والزوايا قد تؤثر على البصري الحالي؛ قابل أولًا ثم غيّر. للمزيد اتبع المستودع الرسمي:

https://github.com/jakubkrehel/make-interfaces-feel-better