پلاگین Storybook Connect برای محیط‌های توسعه JetBrains رونمایی شد؛ ساخت خودکار استوری‌ها با هوش مصنوعی
پلاگین اختصاصی Storybook Connect با همکاری مشترک Callstack و تیم WebStorm برای محیط‌های توسعه JetBrains منتشر شد. این افزونه با تجهیز به ایجنت‌های هوش مصنوعی و ابزار خط فرمان، ساخت خودکار استوری‌ها و همگام‌سازی دوطرفه میان کد و مرورگر را ممکن می‌سازد. توسعه‌دهندگان به کمک این ابزار می‌توانند پوشش استوری کامپوننت‌های فرانت‌اند خود را به آسانی ارتقا دهند.
در یک نگاه (نکات کلیدی خبر)
خلاصه مهم‌ترین نکات و تحولات این گزارش برای مطالعه سریع
- پلاگین جدید Storybook Connect با همکاری مشترک Callstack و تیم توسعه WebStorm به‌عنوان افزونه‌ای رسمی به محیط‌های توسعه JetBrains راه یافت.
- این افزونه به کمک ایجنت‌های هوش مصنوعی و یک ابزار خط فرمان کامپوننت‌های فاقد استوری را شناسایی کرده و فایل‌های تست و استوری آن‌ها را به‌طور خودکار می‌سازد.
- توسعه‌دهندگان فرانت‌اند از این پس می‌توانند سرور Storybook را مستقیماً از داخل محیط توسعه مدیریت کنند و از قابلیت همگام‌سازی دوطرفه با مرورگر بهره‌مند شوند.
معرفی Storybook Connect
پلاگین Storybook Connect افزونه‌ای اختصاصی برای محیط‌های توسعه JetBrains است که با همکاری مشترک Callstack، تیم توسعه WebStorm در JetBrains و تیم Storybook خلق شده است. این ابزار در ۲ نوامبر ۲۰۲۶ برای تمامی محیط‌های توسعه JetBrains شامل WebStorm، IntelliJ IDEA، PhpStorm و سایر نرم‌افزارهای این مجموعه (نیازمند نسخه 2026.1 به بالا) عرضه شد.
این افزونه ابزار Storybook را به بخش بومی و درجه‌یک محیط توسعه تبدیل می‌کند؛ به این ترتیب که یک پنجره ابزار اختصاصی برای مرور تمامی استوری‌ها، امکان پرش با یک کلیک از هر استوری به کامپوننت متناظر، مدیریت روشن و خاموش کردن سرور Storybook از درون محیط برنامه‌نویسی و همگام‌سازی دوطرفه انتخاب‌ها با پیش‌نمایش مرورگر را مهیا می‌سازد. ویژگی محوری این ابزار، ارائه مهارت‌های مبتنی بر ایجنت‌های هوش مصنوعی و یک ابزار خط فرمان (CLI) است که کامپوننت‌های فاقد استوری را در پروژه پیدا کرده و بر اساس مشخصات و پراپ‌های TypeScript آن‌ها استوری‌های تازه تولید می‌کند.
قابلیت‌های کلیدی
قابلیت | جزئیات |
|---|---|
درخت استوری‌ها (Story tree) | فهرستی با قابلیت جست‌وجو از تمامی استوری‌ها با امکان پرش مستقیم به کد منبع کامپوننت |
کنترل‌های سرور | راه‌اندازی و توقف سرور Storybook از درون محیط توسعه همراه با مشاهده لاگ‌های کنسول |
همگام‌سازی دوطرفه | انتخاب هر استوری در مرورگر پیش‌نمایش Storybook، نشانگر محیط توسعه را نیز به همان استوری هدایت می‌کند |
راه‌اندازی و ارتقا | راهنمای نصب خودکار در صورت عدم وجود Storybook در پروژه و به‌روزرسانی نسخه‌های قدیمی |
مهارت‌های هوش مصنوعی | شامل مهارت author-storybook-jetbrains برای نگارش اصولی استوری‌ها و مهارت discover-storybook-jetbrains برای پایش میزان پوشش پروژه و تولید استوری‌های جاافتاده از طریق CLI |
استفاده از کلید شخصی (BYOK) | امکان ثبت کلید اختصاصی API برای اتصال به ارائه‌دهندگان سازگار هوش مصنوعی |
رویکرد طراحی
- تفکیک گام‌های قطعی از قضاوت هوش مصنوعی: ابزار خط فرمان کارهای تکرارپذیر مانند شناسایی کامپوننت‌های بدون استوری و ایجاد اسکلت اولیه فایل‌ها را انجام می‌دهد؛ دستیار هوش مصنوعی تنها در بخش‌هایی وارد عمل می‌شود که درک بافتار و منطق کامپوننت ضروری است و نگارش کد نیز صرفاً پس از بازبینی و تأیید توسعه‌دهنده نهایی می‌شود.
- استوری‌های تولیدشده به‌طور کامل از استاندارد CSF (Component Story Format) پیروی می‌کنند و حالت‌های مختلف، نام‌گذاری ساختاریافته، داده‌های ساختگی (Mocking) و آزمون‌های تعاملی را در بر می‌گیرند.
- پشتیبانی همه‌جانبه از پروژه‌های مبتنی بر React، Vue و Angular روی سیستم‌عامل‌های ویندوز، macOS، لینوکس و WSL.
- یکپارچگی کامل با JetBrains Air که زیرساخت بومی توسعه نرمافزار مبتنی بر ایجنت‌ها در محیط‌های JetBrains به‌شمار می‌رود.
پیشینه پروژه
پشتیبانی قبلی WebStorm از ابزار Storybook به شکلی محدود در افزونه React Buddy گنجانده شده بود. تیم Callstack نسخه اولیه و کاربردی (MVP) این پلاگین جدید را ظرف مدت ۲۵ روز کاری با اتکا به ابزارهای کدنویسی هوش مصنوعی توسعه داد؛ پس از آن یکی از مهندسان WebStorm یکپارچه‌سازی نهایی آن را به سرانجام رساند و اکنون به‌عنوان افزونه‌ای مجزا هم‌زمان با انتشار نسخه 2026.3 در اختیار جامعه توسعه‌دهندگان قرار گرفته است.
راهنمای شروع به کار
- نصب افزونه: در محیط WebStorm نسخه 2026.1 به بالا (یا سایر محیط‌های توسعه JetBrains)، وارد بخش Settings شده، سپس به Plugins و تب Marketplace بروید و عنوان Storybook Connect را جست‌وجو و نصب کنید.
- راه‌اندازی اولیه: پروژه فرانت‌اند خود (React، Vue، Angular یا Next.js) را باز کنید، به مسیر View سپس Tool Windows و Storybook Connect بروید و روی دکمه Set Up Storybook کلیک نمایید.
- فعال‌سازی هوش مصنوعی: بررسی کنید که افزونه پیش‌فرض JetBrains Air فعال باشد؛ با این کار، Storybook Connect به‌طور خودکار دو مهارت هوشمند خود را به پروژه اضافه می‌کند.
- تکمیل استوری‌های مفقود: از دستیار هوش مصنوعی بخواهید کامپوننت‌های فاقد استوری را تحلیل کند؛ پس از تأیید برنامه پیشنهادی، استوری‌های CSF و آزمون‌های تعاملی فوراً ساخته می‌شوند. هم‌چنین اجرای مستقیم دستورات از طریق CLI در ترمینال داخلی نیز امکان‌پذیر است.
- مدیریت روزانه: از طریق پنجره اختصاصی افزونه استوری‌ها را کاوش و جست‌وجو کرده و از قابلیت هماهنگی دوطرفه با مرورگر زنده استفاده کنید.
برای مطالعه مستندات جامع می‌توانید به صفحه راهنمای رسمی WebStorm مراجعه کرده و جزئیات فنی مراحل توسعه را نیز در گزارش تحلیلی تیم Callstack دنبال نمایید.
مطالب مرتبط و پیشنهادی
معرفی هوش مصنوعی مالی XuanYuan 4.5؛ ارتقای ۳۰ درصدی خدمات مالی با یکدهم هزینه مدل‌های عمومی
شرکت مالی Du Xiaoman با همکاری دانشگاه علم و صنعت هنگکنگ از مدل پیشرفته XuanYuan 4.5 رونمایی کرد؛ سیستمی تخصصی برای صنعت بانکداری که از فناوری خودبهسازی بازگشتی بهره می‌برد. این مدل زبانی و چندحالته با ارائه کارایی ۳۰ درصد بالاتر در مدیریت ریسک، هزینه پردازش و استنتاج را تا ۹۰ درصد نسبت به مدل‌های عمومی پرچمدار کاهش می‌دهد.
استارتاپ GenRobot AI برای توسعه داده‌های آموزش ربات، ۱۰۰ میلیون دلار سرمایه جذب کرد
استارتاپ چینی GenRobot AI که در زمینه توسعه زیرساخت و داده‌های مورد نیاز برای آموزش ربات‌ها فعالیت می‌کند، موفق به جذب ۱۰۰ میلیون دلار سرمایه در دور سری A+ شد. این دور از تأمین مالی با مشارکت نام‌های بزرگی هم‌چون بایدو و سایک موتور انجام شده است.
اپل هوش مصنوعی Qwen علی‌بابا را به Siri و آیفون می‌آورد؛ آغاز فاز آزمایشی از ۴ نوامبر
اپل آزمایش قابلیت‌های هوش مصنوعی اختصاصی خود یعنی Apple Intelligence را از تاریخ ۴ نوامبر در سرزمین اصلی چین کلید می‌زند. در این طرح، مدل پیشرفته Qwen متعلق به علی‌بابا مستقیماً به Siri، ابزارهای نگارش و قابلیت هوش بصری اضافه می‌شود تا کاربران چینی بدون محدودیت از این امکانات استفاده کنند.
دیدگاه ها و گفتگوی تخصصی
نظرات خود را با جامعه مخاطبان وایر ای آی در میان بگذارید
هنوز دیدگاهی برای این مطلب ثبت نشده است
اولین نفری باشید که دیدگاه، تحلیل یا دیدگاه خود را درباره این موضوع با دیگران به اشتراک می گذارد.