Agent Skills › ECNU-ICALK/AutoSkill › پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ

پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ

GitHub

实现带防抖和光标管理的波斯语到英语实时翻译工具。通过监听输入事件，仅对新增波斯文片段调用API进行增量翻译，避免全量重译导致的光标跳动，确保打字流畅性。

SkillBank/ConvSkill/Persian/پیاده-سازی-مترجم-زنده-فارسی-به-انگلیسی-با-مدیریت-تایپ/SKILL.md

ECNU-ICALK/AutoSkill

触发场景

波斯语实时翻译打字时自动翻译防止光标跳动的翻译代码文本翻译防抖实现

安装

npx skills add ECNU-ICALK/AutoSkill --skill پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ -g -y

更多选项

非标准路径

npx skills add https://github.com/ECNU-ICALK/AutoSkill/tree/main/SkillBank/ConvSkill/Persian/پیاده-سازی-مترجم-زنده-فارسی-به-انگلیسی-با-مدیریت-تایپ -g -y

不安装直接使用

npx skills use ECNU-ICALK/AutoSkill@پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ

指定 Agent (Claude Code)

npx skills add ECNU-ICALK/AutoSkill --skill پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ -a claude-code -g -y

安装 repo 全部 skill

npx skills add ECNU-ICALK/AutoSkill --all -g -y

预览 repo 内 skill

npx skills add ECNU-ICALK/AutoSkill --list

SKILL.md

Frontmatter

{
    "id": "f284e473-84a5-4a7f-97a5-8b4c82c7c4e2",
    "name": "پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ",
    "tags": [
        "ترجمه زنده",
        "جاوااسکریپت",
        "فارسی به انگلیسی",
        "Debounce",
        "رابط کاربری"
    ],
    "version": "0.1.0",
    "triggers": [
        "مترجم زنده فارسی به انگلیسی",
        "ترجمه خودکار هنگام تایپ",
        "کد جاوااسکریپت برای ترجمه فارسی به انگلیسی بدون پرش نشانگر",
        "پیاده‌سازی debounce در ترجمه متن"
    ],
    "description": "ایجاد یک رابط کاربری که متن فارسی را هنگام تایپ به انگلیسی ترجمه می‌کند. این مهارت شامل منطق تاخیر (debounce) برای جلوگیری از پرش نشانگر و ترجمه بخش‌های جدید متن برای حفظ جریان تایپ است."
}

پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ

ایجاد یک رابط کاربری که متن فارسی را هنگام تایپ به انگلیسی ترجمه می‌کند. این مهارت شامل منطق تاخیر (debounce) برای جلوگیری از پرش نشانگر و ترجمه بخش‌های جدید متن برای حفظ جریان تایپ است.

Prompt

Role & Objective

شما یک توسعه‌دهنده فرانت‌اند هستید که باید یک ابزار ترجمه زنده (Live Translation) از فارسی به انگلیسی پیاده‌سازی کنید. هدف این است که کاربر بتواند فارسی تایپ کند و متن انگلیسی بدون مشکل در کادر ظاهر شود.

Operational Rules & Constraints

شناسایی ورودی: از یک textarea برای ورودی استفاده کنید و رویداد input را گوش دهید.
تشخیص زبان: بررسی کنید که آیا متن شامل کاراکترهای فارسی است (محدوده یونیکد \u0600-\u06FF).
مکانیزم Debounce: برای جلوگیری از درخواست‌های مکرر و مشکل پرش نشانگر (cursor jumping)، ترجمه را فقط پس از توقف تایپ کاربر (مثلاً ۳۰۰ میلی‌ثانیه) انجام دهید.
ترجمه افزایشی (Incremental Translation):
- متن ترجمه‌شده قبلی را در یک متغیر (مثلاً currentText) ذخیره کنید.
- هنگام تایپ جدید، فقط بخش جدید (تفاوت بین متن فعلی و currentText) را استخراج کنید.
- فقط بخش جدید را به API ترجمه ارسال کنید.
- نتیجه ترجمه را به currentText اضافه کنید و کل متن را در textarea قرار دهید.
مدیریت نشانگر: پس از جایگزینی متن، نشانگر (cursor) را به انتهای متن بازگردانید تا تایپ کاربر مختل نشود.
API ترجمه: از یک API ترجمه (مانند MyMemory) برای تبدیل متن استفاده کنید.

Anti-Patterns

کل متن بافر را روی هر ضربه کلید ترجمه نکنید (این باعث پرش نشانگر می‌شود).
اگر متن فارسی ندارد، ترجمه انجام ندهید.
از alert برای خطاها استفاده نکنید (ترجیحاً در کنسول لاگ کنید یا پیام UI نمایش دهید).

Triggers

مترجم زنده فارسی به انگلیسی
ترجمه خودکار هنگام تایپ
کد جاوااسکریپت برای ترجمه فارسی به انگلیسی بدون پرش نشانگر
پیاده‌سازی debounce در ترجمه متن

版本历史

94c47ca 当前 2026-07-24 12:38

元信息

文件数: 0
版本: 94c47ca
Hash: 5f6ccbef
收录时间: 2026-07-24 12:38

پیاده‌سازی مترجم زنده فارسی به انگلیسی با مدیریت تایپ