كيمي ك3 على منصة موونشوت كوكيل برمجة: دمجه في OpenClaw، قياس أدائه مقارنةً بـ dsh، وطلب منه إنشاء عنصر واجهة مستخدم على شكل شعار فني من نوع بكسل-آرت.

$ node -v
v24.18.0
$ openclaw --version
OpenClaw 2026.9.2 (3928bad)
$ dsh --version
0.1.1-rc.2
$ openclaw plugins list --json | jq -c '.plugins[] | select(.id=="moonshot") | {id, enabled, version}'
{"id":"moonshot","enabled":true,"version":"2026.9.2"}
$ openclaw config get models.providers.moonshot.models.0.compat
{
  "supportsReasoningEffort": true,
  "supportsTemperature": false,
  "supportedReasoningEfforts": [
    "low",
    "high",
    "max"
  ]
}
$ openclaw config get models.providers.moonshot.models.0.contextTokens
262144

openclaw plugins install @openclaw/moonshot-provider
openclaw gateway restart
openclaw plugins list --json | jq -c '.plugins[] | select(.id=="moonshot") | {id, enabled, version}'

{
  agents: {
    entries: {
      worker: {
        model: {
          primary: "moonshot/kimi-k3",
          fallbacks: ["deepseek/deepseek-v4-flash", "deepseek/deepseek-v4-pro"],
        },
      },
    },
  },
  models: {
    providers: {
      moonshot: {
        baseUrl: "https://api.moonshot.ai/v1",
        api: "openai-completions",
        timeoutSeconds: 1200,
        models: [
          {
            id: "kimi-k3",
            name: "Kimi K3",
            reasoning: true,
            input: ["text", "image"],
            cost: { input: 3, output: 15, cacheRead: 0.3, cacheWrite: 0 },
            contextWindow: 1048576,
            maxTokens: 131072,
            contextTokens: 262144,
            compat: {
              supportsTemperature: false,
              supportsReasoningEffort: true,
              supportedReasoningEfforts: ["low", "high", "max"],
            },
          },
        ],
      },
    },
  },
}

openclaw agent --agent <your-agent-id> --model moonshot/kimi-k3 --thinking max \
  --session-key "<fresh-key>" --message-file prompt.txt --json > out.json

$ jq '.result | {harness: .meta.agentMeta.agentHarnessId, model: .meta.executionTrace.winnerModel, usage: .meta.agentMeta.usage}' out.json
{
  "harness": "openclaw",
  "model": "kimi-k3",
  "usage": {
    "input": 15068,
    "output": 70,
    "reasoningTokens": 53,
    "total": 15138,
    "cost": {
      "total": 0.046254
    }
  }
}

الملخص: عنصر واجهة مستخدم تفاعلي للشعار بأسلوب فن البكسلات لـ LaserLloyd

قم بإنشاء نسخة من فن البكسلات من شعار LaserLloyd يمكن تضمينها في أي مكان (انظر reference-logo.png: حلقة زرقاء سميكة، لونها #1f3f8f على خلفية بيضاء، تحتوي على حرفي “L” متداخلين ومائلين؛ قاعدة الحرف “L” العلوي الأيسر تقع أسفل ساق الحرف “L” السفلي الأيمن، وكأن الحرفين متراكبان بشكل قطري).

المخرجات المطلوبة (كلها في هذا المجلد)

1. ll-pixel-logo.js — ملف واحد مكتوب بلغة JavaScript العادية، لا يحتاج إلى أي تبعيات أو خطوات بناء أو طلبات شبكة. يمكن لأي صفحة تضمينه عبر: <div class="ll-pixel-logo" data-size="320"></div> + <script src="ll-pixel-logo.js"></script>. يقوم البرنامج بإيجاد كل عنصر .ll-pixel-logo ويركّب بداخله عنصر <canvas>. التصميم متجاوب: القماش يملأ عرض الحاوية بشكل مربع، ويظهر بوضوح على شاشات HiDPI (حسب نسبة devicePixelRatio). يجب تصدير الدالة window.LLPixelLogo.mount(el).
2. index.html — صفحة تجريبية تُظهر عنصر الواجهة بثلاثة أحجام مع وصف مختصر للتفاعلات الممكنة.
3. README.md — شرح حول كيفية التضمين، التفاعلات المتاحة، وأي خصائص إضافية يمكن تعديلها عبر السمات (data- attributes).

تفاصيل التصميم الفني

• لا ترسم الشكل يدويًا كصورة نقطية (لا تستخدم أسطرًا من الرموز مثل ‘#’ أو ‘.’؛ فهذا بطيء وعرضة للأخطاء). بدلًا من ذلك، أنشئ الصورة برمجيًا بناءً على الهندسة: هناك دالة isLit(col,row) تعيد القيمة true في حالتين: (أ) الخلايا ضمن الحلقة: المسافة من المركز تتراوح بين 0.82R و R؛ (ب) خلايا الحرفين “L” المائلين، حيث يتكون كل حرف من مستطيلين متوازيين (ساق مائلة بزاوية ~20° وقاعدة). قاعدة الحرف العلوي الأيسر تقع أسفل ساق الحرف السفلي الأيمن، تمامًا كما في الصورة المرجعية. يجب ضبط القيم الثابتة بحيث يبدو الشكل مشابهًا للشعار الأصلي عند حجم 200 بكسل. يتم حساب الخلايا المضاءة مرة واحدة فقط عند تركيب العنصر.
• الألوان المستخدمة: أزرق الشعار #1f3f8f؛ أزرق التأثيرات #2ea8ff؛ اللون العنبري #ffb64a؛ اللون السماوي #00e6cf؛ الخلفية شفافة.

التفاعلات (الجزء الأساسي من التمرين — اجعلها ممتعة)

• عند تحريك المؤشر أو اللمس: تتفاعل البكسلات القريبة من المؤشر بشكل فيزيائي؛ فتُدفع بعيدًا عنه كما لو كانت سائلة أو تخضع لقوة مغناطيسية، ثم تعود إلى مكانها مع تخفيف التأثير؛ أثناء الحركة تتوهج نحو الألوان #2ea8ff و#00e6cf. يجب أن يكون الأداء سلسًا بمعدل 60 إطارًا في الثانية باستخدام requestAnimationFrame، دون أي تقطع.
• عند النقر أو اللمس السريع: يجب أن يحدث تأثير مميز ومُرضٍ للمستخدم. اختر تأثيرًا واحدًا وقم بتنفيذه بشكل جيد؛ مثلاً: يتحلل الشعار إلى بكسلات تتطاير خارجيًا تحت تأثير الجاذبية والارتداد، ثم تعود لتشكل الشعار مجددًا (تستغرق العملية حوالي 1.5–2 ثانية)؛ أو أن “ليزرًا” يمر عبر الشاشة ليُعيد رسم الشعار بكسلة بكسلة مع وميض لامع. يجب أن تكون النقرات المتكررة ممتعة أيضًا (لا ينبغي أن يتعطل التأثير أثناء التنفيذ).
• في حالة الخمول: يوجد تأثير بسيط وحيوي (وميض خفيف أو وميض عشوائي لبكسلة واحدة) لكي لا يبدو الشعار جامدًا، دون أن يكون مزعجًا.
• احترم إعدادات prefers-reduced-motion: reduce (في هذه الحالة، اعرض الشعار بشكل ثابت فقط، مع الاحتفاظ بتأثير الوميض عند التحويم).
• يعمل البرنامج مع الفأرة واللمس. لا يؤثر على حركة التمرير.

معايير الجودة

• LLPixelLogo. استخدم مسافات بطول 2 لكل تراجع، ويجب ألا يتجاوز طول الكود 400 سطر.
• file:// دون أي أخطاء في وحدة التحكم. قم باختباره بنفسك: اكتب برنامجًا بسيطًا بلغة Node.js أو استخدم أي أداة لفحص الصياغة والوظائف (لا تتوفر مكتبة jsdom؛ لذا استخدم node --check واختبر دون الحاجة إلى DOM، مثل حساب عدد الخلايا المضاءة والتأكد من وجود الحلقة والحرفين “L” في المواضع الصحيحة).

كيف تعامل كيمي مع الأمر:

• المحاولة الأولى (الطلب الأصلي دون تعديل): توقفت بعد 8.8 دقائق؛ لم يتم كتابة أي كود للويجت، وتكلفة التنفيذ حوالي 0.31 دولار. قام كيمي بفحص شعار المرجع، ثم فكر في الهندسة والخطط اللازمة لإنشاء الويجت، لكنه لم يكتب أي شيء في النهاية. فشلت محاولة dsh الأولى أيضًا بطريقة مشابهة (حلقة تكرارية استمرت 10 دقائق لرسم صورة نقطية في الذاكرة)، رغم أن الطلب الأصلي كان يسمح برسم الصور يدويًا.
• المحاولة الثانية (نفس الطلب، جلسة جديدة): تم إنشاء ويجت كامل، لكن في المكان الخطأ؛ تكلفة التنفيذ حوالي 0.72 دولار. بعد حوالي ثماني دقائق، كتب كيمي ملفًا باسم ll-pixel-logo.js يحتوي على 323 سطرًا، بالإضافة إلى صفحة تجريبية وملف README وملفين للاختبار؛ ثم قام بتشغيل الاختبارات وتعديلها حتى نجحت، وكتب تقريرًا مختصرًا. لكن كل ذلك تم حفظه في مساحة العمل الخاصة بوكيل التنفيذ وليس في المجلد الذي كان يراقبه سكريبتي؛ كما انتهت الجلسة بعد 15 دقيقة دون أن يرد كيمي على الطلب. من مكان مراقبتي، لم تظهر أي نتائج للمحاولة الثانية، لذا لم أنتظرها وبدأت المحاولة الثالثة بعد حوالي سبع دقائق.
• المحاولة الثالثة (طلب مختصر مع توجيهات صارمة): استغرقت 7.4 دقائق؛ تم كتابة جميع الملفات الثلاثة، وتكلفة التنفيذ حوالي 0.47 دولار. احتفظت بالنتائج النهائية، ثم وضعت في بداية الطلب الجملة التالية: TARGETED — write the widget file in one tool call, no exploration, no planning, no verification loop. كما استبدلت قسم الاختبارات بجملة تنص على: Do NOT do a "node --check" or playwright test — just write the files and print a short report listing what you wrote. الويجت الذي تم إنشاؤه يتميز بخصائص مثل طرد المؤشر من سطحه وإعادته إلى مكانه، بالإضافة إلى إمكانية تفتيته وإعادة تجميعه عند النقر عليه؛ كما يحتوي على تأثيرات وميضية في حالة الخمول ووضع خاص للأشخاص الذين يفضلون تقليل الحركة. ستجد اختباراتي في القسم التالي.

إذن، استغرقت المحاولات الثلاث على التوالي 8.8 و15 و7.4 دقائق، وكلفت حوالي 0.31 دولار و0.72 دولار و0.47 دولار؛ أي ما يعادل حوالي 1.50 دولار لصنع قطعتين. تكلفة المحاولة الثالثة مأخوذة من إيصال JSON الخاص بها. أما المحاولتان الأولى والثانية فلم ينتج عنهما أي إيصال، لذا فإن التكاليف المذكورة لهما هي تكاليف OpenClaw لكل رسالة في كل جلسة، والتي تم جمعها؛ والمبلغ الناتج للمحاولة الثالثة يتطابق مع ما ورد في إيصالها.

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

ما أنتجه كيمي، أول 30 سطرًا من ملف ll-pixel-logo.js:

/*!
 * ll-pixel-logo.js — interactive pixel-art LaserLloyd logo widget.
 *
 * Self-contained vanilla JS: no dependencies, no build step, no network.
 * Embed on any page with:
 *
 *   <div class="ll-pixel-logo" data-size="320"></div>
 *   <script src="ll-pixel-logo.js"></script>
 *
 * Every .ll-pixel-logo element gets a <canvas> mounted inside it at load.
 * Programmatic API: window.LLPixelLogo.mount(el) -> instance.
 *
 * Art: 40x40 pixel grid, rasterised procedurally from geometry (ring + two
 * interlocking italic Ls). Interactions: pointer repulsion with spring-back,
 * click/tap shatter-and-reassemble, idle shimmer/twinkle, reduced-motion
 * support. Mouse and touch. No scroll hijacking (all listeners passive).
 */
(function () {
  'use strict';

  // -- constants ------------------------------------------------------------
  var VERSION = '1.0.0';
  var GRID = 40;                                // logical grid: GRID x GRID cells
  var BLUE   = [31, 63, 143];                   // #1f3f8f logo blue
  var HILITE = [46, 168, 255];                  // #2ea8ff highlight blue
  var AMBER  = [255, 182, 74];                  // #ffb64a twinkle amber
  var CYAN   = [0, 230, 207];                   // #00e6cf max-displacement glow

  var CENTER = GRID / 2;                        // grid centre coordinate (20)
  var R_OUT = 19;                               // ring outer radius (cells)
  var R_IN = 0.82 * R_OUT;                      // ring inner radius
  var SLANT = Math.tan(20 * Math.PI / 180);     // ~20 deg italic shear

يقوم كيمي ببناء كل حرف “L” من مستطيلين متوازيين (جذع مائل وقاعدة) باستخدام دالة مساعدة صغيرة تُسمى makeL؛ كما يختبر النقاط باستخدام دالة مساعدة أخرى تُسمى inPara داخل دالة isLit. ويحتفظ بكل الثوابت المستخدمة في الضبط (أقطار الحلقات من 0.82R إلى R، وزاوية الميل البالغة 20° المحسوبة باستخدام Math.tan، بالإضافة إلى ثوابت الزنبرك والتهدئة) في كتلة واحدة في أعلى الملف.

الملفات التي كتبها كيمي (ملف ll-pixel-logo.js المكون من 397 سطرًا، وملف index.html المكون من 40 سطرًا، بالإضافة إلى ملف README.md المكون من 79 سطرًا) يتم تقديمها من خلال المسار /assets/uploads/2026/09/kimi-codex/، بجانب الوصف التفصيلي في ملف BRIEF.md.

للمقارنة، أول 30 سطرًا تقريبًا من ويدجت dsh، كما هو موجود في /assets/uploads/2026/08/deepseek-harness/ll-pixel-logo.js:

/*!
 * ll-pixel-logo.js — interactive pixel-art LaserLloyd logo widget.
 * Vanilla JS, zero dependencies, no network requests, works from file://.
 *   <div class="ll-pixel-logo" data-size="320"></div>
 *   <script src="ll-pixel-logo.js"></script>
 * Auto-mounts on .ll-pixel-logo elements; window.LLPixelLogo.mount(el) too.
 * Knobs: data-size, data-speed, data-static.
 */
(function (global) {
  'use strict';
  // ---- 0. palette -----------------------------------------------------
  var BLUE = [31, 63, 143];      // #1f3f8f — logo blue
  var HI = [46, 168, 255];       // #2ea8ff — hover / repulsion glow
  var AMBER = [255, 182, 74];    // #ffb64a — twinkle spark
  var CYAN = [0, 230, 207];      // #00e6cf — deep glow
  // ---- 1. art: procedural 40x40 raster (no hand-drawn bitmap) ----------
  // A cell is lit when it belongs to the ring or to one of the two slanted
  // interlocking Ls. Each L is two parallelograms (stem + foot), described by
  // top-left (ax,ay), width w, height h, sheared by SLANT (bottom edge shifts
  // left): TL=(ax,ay) TR=(ax+w,ay) BL=(ax-SLANT*h,ay+h). The upper-left L's
  // foot runs right and tucks under the lower-right L's stem, like the ref.
  var GRID = 40;                 // cells per side
  var RING_R = 19.7;             // outer ring radius (cells)
  var RING_IN = 0.80 * RING_R;   // inner ring radius (reference ~0.808R)
  var SLANT = 0.453;             // shear of stems/feet (~24deg)
  var LETTERS = [
    { ax: 15.0, ay: 5.2, w: 4.2, h: 10.6 },   // upper-left L: stem
    { ax: 10.2, ay: 15.8, w: 15.0, h: 3.8 },  // upper-left L: foot
    { ax: 24.7, ay: 13.8, w: 4.2, h: 14.7 },  // lower-right L: stem
    { ax: 18.0, ay: 28.5, w: 15.0, h: 3.8 }   // lower-right L: foot
  ];

$ wc -l ll-pixel-logo.js
397 ll-pixel-logo.js
$ node --check ll-pixel-logo.js && echo "node --check passed"
node --check passed