/ الدليل / الملعب / Taste Skill
← كل الخوادم ↗ GitHub
● مجتمع Leonxlnx ⚡ فوري

Taste Skill

بواسطة Leonxlnx · Leonxlnx/taste-skill

تُرمّز الذوق التصميمي — الطباعة والمسافات والألوان والتكوين — حتى يتوقف Claude عن شحن واجهات مستخدم مبتذلة ويُنتج عملاً يبدو متقناً.

Taste Skill هي مجموعة صغيرة من القواعد الواضحة التي تتوقع أكثر أخطاء تصميم AI شيوعاً: خطوط عديدة جداً، نص أساسي بـ 14px على موقع تسويقي، ثلاثة ألوان تأكيد متنافسة، تكديس hero يشبه Bootstrap 4 في 2018. يعمل كخطوة مراجعة وإعادة كتابة على الواجهات المولَّدة، مُطبِّقاً قواعده وشارحاً السبب. قابل للاستخدام في أي وكيل يدعم المهارات.

▶ شاهد العرض 📦 التثبيت 💡 حالات الاستخدام

لماذا تستخدمه

الميزات الأساسية

عرض مباشر

كيف يبدو في الممارسة

جاهز

التثبيت

اختر العميل

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "taste-skill-leon": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Leonxlnx/taste-skill",
        "~/.claude/skills/taste"
      ],
      "_inferred": true
    }
  }
}

افتح Claude Desktop → Settings → Developer → Edit Config. أعد التشغيل بعد الحفظ.

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "taste-skill-leon": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Leonxlnx/taste-skill",
        "~/.claude/skills/taste"
      ],
      "_inferred": true
    }
  }
}

يستخدم Cursor نفس مخطط mcpServers مثل Claude Desktop. إعدادات المشروع أولى من الإعدادات العامة.

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "taste-skill-leon": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Leonxlnx/taste-skill",
        "~/.claude/skills/taste"
      ],
      "_inferred": true
    }
  }
}

انقر على أيقونة MCP Servers في شريط Cline الجانبي، ثم "Edit Configuration".

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "taste-skill-leon": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Leonxlnx/taste-skill",
        "~/.claude/skills/taste"
      ],
      "_inferred": true
    }
  }
}

نفس الصيغة مثل Claude Desktop. أعد تشغيل Windsurf لتطبيق التغييرات.

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "taste-skill-leon",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/Leonxlnx/taste-skill",
        "~/.claude/skills/taste"
      ]
    }
  ]
}

يستخدم Continue مصفوفة من كائنات الخادم بدلاً من خريطة.

~/.config/zed/settings.json
{
  "context_servers": {
    "taste-skill-leon": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/Leonxlnx/taste-skill",
          "~/.claude/skills/taste"
        ]
      }
    }
  }
}

أضف إلى context_servers. يعيد Zed التحميل تلقائيًا عند الحفظ.

claude mcp add taste-skill-leon -- git clone https://github.com/Leonxlnx/taste-skill ~/.claude/skills/taste

أمر من سطر واحد. تحقق باستخدام claude mcp list. احذف باستخدام claude mcp remove.

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

استخدامات عملية: Taste Skill

مراجعة صفحة هبوط مولَّدة بـ Claude عبر مرشح الذوق

👤 أي مطوّر يشحن صفحة تسويقية بناها Claude ⏱ ~30 min intermediate

متى تستخدمه: المخرج الأول يبدو جيداً لكنه غير مميز.

المتطلبات الأساسية
  • المهارة مثبّتة — git clone https://github.com/Leonxlnx/taste-skill ~/.claude/skills/taste
الخطوات
  1. النقد
    Use taste-skill on /pages/landing.tsx. List every taste violation with severity and the rule it broke.✓ تم النسخ
    → 10–20 انتهاكاً، كل منها مُوسوم
  2. إصلاح الطبقة الأولى
    Apply only severity-high fixes. Don't change copy — only visual/structural.✓ تم النسخ
    → الفروق مُطبَّقة؛ الموقع لم يعد يصرخ 'مبتذل'
  3. التكرار
    Re-run critique on the result. Stop when only tier-3 nitpicks remain.✓ تم النسخ
    → يتقارب في مرورين

النتيجة: صفحة تُقرأ على أنها مصنوعة بعناية لا مولَّدة.

المزالق
  • المهارة تفرض أسلوباً يتعارض مع العلامة التجارية — مرّر --brand /design/brand.md لتحترم الحواجز
اجمعها مع: filesystem

فحص مكوّن واحد لمشكلات الذوق

👤 المطورون الذين يلمسون نظام التصميم ⏱ ~15 min beginner

متى تستخدمه: قبل شحن مكوّن جديد إلى النظام.

الخطوات
  1. النقد
    Run taste-skill on /components/Card.tsx. Any taste issues at the component level?✓ تم النسخ
    → مشكلات مع اقتباس الأسطر
  2. فحص المتغيرات
    Compare hover, focus, and disabled states for visual coherence.✓ تم النسخ
    → انجراف مكتشف إن وجد

النتيجة: المكوّن يشحن مع عدد أقل من تذاكر 'لماذا يبدو هذا غريباً'.

المزالق
  • النقد يتجاهل اختيارات تصميمية متعمدة (مثل الأسلوب brutalist) — مرّر --style brutalist أو ما شابهه لتخفيف بعض القواعد

استخدام taste-skill لوضع خط أساس لنظام تصميم جديد

👤 الفرق التي تبدأ منتجاً جديداً ⏱ ~60 min intermediate

متى تستخدمه: تختار مقياس token وخطاً ولوحة ألوان وتريد افتراضياً معقولاً.

الخطوات
  1. توليد الخط الأساسي
    Generate a baseline taste-aligned token set — type, spacing, color — for a SaaS dashboard.✓ تم النسخ
    → tokens.json مع مبرر لكل اختيار
  2. اختبار الضغط
    Generate sample pages (login, dashboard, settings) using the baseline. Critique your own output.✓ تم النسخ
    → صفحات + نقد ذاتي مع تحسينات ممكنة

النتيجة: نقطة بداية قابلة للدفاع لم تحتج التفاوض عليها مع أصحاب المصلحة.

المزالق
  • الخط الأساسي المولَّد 'آمن' جداً — أرفق مدخلات العلامة التجارية (المزاج والمراجع) حتى لا يكون المخرج فاتراً
اجمعها مع: design-extract-mcp

التركيبات

اجمعها مع خوادم MCP أخرى لتحقيق نتائج x10

taste-skill-leon + design-extract-mcp

سحب tokens من موقع مرجعي، ثم تشغيل taste-skill للتحسين

Extract tokens from https://linear.app, then run taste critique on a page using them.✓ تم النسخ
taste-skill-leon + filesystem

حفظ النقود كسجلات مراجعة تصميمية

Save each critique to /design/reviews/$(date +%F)-<page>.md.✓ تم النسخ

الأدوات

ما يوفره هذا الـ MCP

الأداةالمدخلاتمتى تستدعيهاالتكلفة
critique path_or_url, brand? مراجعة ما قبل الشحن 0
fix path, severity_threshold بعد النقد، استهداف الطبقتين 1/2 0
baseline context: {product, audience} بدء نظام تصميم من الصفر 0

التكلفة والحدود

تكلفة التشغيل

حصة API
غير ذي صلة
الرموز لكل استدعاء
متوسط — نقد الصفحة الكاملة 5–10 ألف token
التكلفة المالية
مجاني
نصيحة
النقد على مستوى المكوّن أرخص من الصفحة الكاملة؛ تكرّر بهذه الطريقة

الأمان

الصلاحيات والأسرار ونطاق الأثر

الحد الأدنى من الصلاحيات: filesystem-read filesystem-write
تخزين بيانات الاعتماد: لا شيء
نقل البيانات الخارجي: محلي

استكشاف الأخطاء

الأخطاء الشائعة وحلولها

النقد لا يُرجع انتهاكات على واجهة مبتذلة بوضوح

المهارة قد تكون في وضع 'متساهل' — مرّر --strict

الإصلاح يكسر التخطيط

شغّل مع --diff-preview أولاً، طبّق بانتقائية

تعارض مع إرشادات العلامة التجارية

مرّر markdown العلامة التجارية عبر --brand حتى تحترم المهارة الاستثناءات

البدائل

Taste Skill مقابل البدائل

البديلمتى تستخدمهاالمقايضة
stevembarclay/pencilplaybookتريد ذوقاً متجذّراً في منتج Pencilخاص بـ Pencil؛ taste-skill عام
مجرد prompt brand.mdتشحن منتجاً واحداً فقطلن يلتقط الأنماط المبتذلة من AI التي شُكِّلت هذه المهارة ضدها

المزيد

الموارد

📖 اقرأ ملف README الرسمي على GitHub

🐙 تصفح القضايا المفتوحة

🔍 تصفح أكثر من 400 خادم MCP و Skills