by PromptSpace
قياس وتخطيط نصوص عالي الأداء يعمل في المتصفح، مخصص لتطبيقات الافتراضية والرسم على Canvas والتطبيقات كثيفة التخطيط.
Free
One-time purchase
Prepared handle cached for "Hello World". Height: 48px at 200px width. Line 1: "Hello " (0-6) Line 2: "World" (6-11) Performance: <0.1ms layout time. Verified against document.fonts.ready status.
by PromptSpace
قياس وتخطيط نصوص عالي الأداء يعمل في المتصفح، مخصص لتطبيقات الافتراضية والرسم على Canvas والتطبيقات كثيفة التخطيط.
Free
One-time purchase
⚡ Skill ready to install in Claude Code, Gemini CLI, or any MCP-compatible client. Read the install guides →
Prepared handle cached for "Hello World". Height: 48px at 200px width. Line 1: "Hello " (0-6) Line 2: "World" (6-11) Performance: <0.1ms layout time. Verified against document.fonts.ready status.
تُمكّن مهارة Pretext Layout وكلاءَ الذكاء الاصطناعي من دمج وتصحيح قياس النصوص متعددة الأسطر عالي الأداء باستخدام مكتبة @chenglou/pretext. تحلّ هذه المهارة مشكلة الاختناق الشائعة في أداء الواجهة الأمامية المعروفة بـ"layout thrashing"، وذلك باستبدال مسبارات الارتفاع البطيئة المعتمدة على DOM بنهج API سريع ومدمج في المتصفح.
توفر هذه المهارة للمطورين منهجية منظّمة لقياس عرض النصوص وارتفاعها دون إعادة تدفق DOM المتكررة. وتدعم حساب ارتفاع الكتل على المستوى العالي لأغراض الافتراضية، وكذلك استخراج هندسة الأسطر بشكل تفصيلي لسير عمل الرسم المخصص على Canvas أو SVG. كما تتعامل مع الحالات الحدية المعقدة كالخطوط الويب والرموز التعبيرية والنصوص ثنائية الاتجاه.
بينما يستطيع الذكاء الاصطناعي العام كتابة JavaScript أساسية، تفهم هذه المهارة دورة حياة مكتبة Pretext تحديداً—كتقسيم مرحلة "prepare" المكلفة عن مرحلة "layout" الخفيفة. وهي تضمن أن يدير وكيلك قيود وقت التشغيل الخاصة بالمتصفح، ووعود تحميل الخطوط، وسلوكيات المسافات البيضاء الخاصة بكل لغة، وذلك للحدّ من إزاحات التخطيط والوميض.
• يتطلب بيئة متصفح أو OffscreenCanvas؛ لا يدعم Node.js بشكل مباشر. • لا يدعم خصائص CSS المعقدة مثل 'float' و'flex' و'letter-spacing'.
mkdir -p ~/.claude/skills/pretext-layout && curl -s -X POST 'https://api.promptspace.in/api/skills/pretext-layout/install' | python3 -c "import sys,json; sys.stdout.write(json.load(sys.stdin).get('installInstructions') or '')" > ~/.claude/skills/pretext-layout/SKILL.mdFree skills install directly. Paid skills require purchase - use the download button above after buying.
Security Scanned
Passed automated security review
No special permissions declared or detected
OpenClaw, Cursor, Claude Code, Codex CLI
PromptSpace
We build AI agent skill packages for content creators. Specializing in Chinese social media automation.