رفتن به محتوای اصلی
طراحیتایید شده توسط سپنتا پویا

طراحی پوستر و بنر شبکه‌های اجتماعی

پوستر تلگرام، پست و استوری اینستاگرام، تصویر لینک و بنر سایت با تایپوگرافی فارسی بی‌نقص؛ اول چند ایده، بعد طرح نهایی.

Claude CodeClaude.ai و DesktopCodexCursorGemini CLI

لایسنس شخصی: برای استفاده‌ی خودتان، روی همه‌ی دستگاه‌ها و ابزارهایتان

۶۹۰٬۰۰۰تومان۹۹۰٬۰۰۰۳۰٪ تخفیف
راهنمای نصب
لایسنس دائمی به‌روزرسانی رایگان تست‌شده روی پروژه‌ی واقعی
پوستر و بنر با تایپوگرافی فارسی بی‌نقص؛ از HTML تا PNG با کیفیت ۲ برابر
معرفی

تصویرهای همین سایت و پست‌های کانال کاشی با همین روش ساخته شده‌اند: چیدمان و تایپوگرافی با HTML و CSS، فونت واقعی، تصویر واقعی محصول، و خروجی دقیق با کروم.

برای هر چیزی که متن دارد، این روش از مولدهای تصویر بهتر است؛ به‌خصوص متن فارسی که مولدها هنوز خرابش می‌کنند. تکرارپذیر هم هست: یک واژه را عوض کنید و دوباره خروجی بگیرید.

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

قالب خروجی۸
سبک طراحی۶
ایده پیش از طرح نهایی۳
کیفیت خروجی۲x
آخرین نسخهv1.0.0
به‌روزرسانی۱۷ آبان ۱۴۰۵
امکانات

چه چیزهایی داخل این اسکیل است

۰۱

سه ایده‌ی متفاوت پیش از طرح نهایی، از کاتالوگ شش سبک؛ انتخاب با شما

۰۲

اسکریپت render_poster بدون وابستگی: کروم بدون رابط، فونت جاسازی‌شده، خروجی ۲ برابر

۰۳

هشت قالب آماده: تلگرام، پست و مربع و استوری اینستاگرام، OG، ایکس، لینکدین، بنر سایت

۰۴

راهنمای ناحیه‌ی امن هر قالب و نمایش آن روی تصویر با --guides

۰۵

قالب HTML واکنش‌گرا: یک فایل برای افقی و عمودی

۰۶

قواعد تایپوگرافی فارسی برای پوستر: وزن، اندازه، فاصله‌ی خط، رقم و ترکیب لاتین

۰۷

فرمول کپشن برای تلگرام، اینستاگرام و لینکدین

کجا به کارتان می‌آید

پست معرفی محصول یا نسخه‌ی جدید

تیتر، یک خط توضیح، تصویر واقعی محصول و نشانی؛ آماده برای کانال تلگرام و اینستاگرام.

تصویر لینک سایت (OG)

تصویری که وقتی لینک صفحه‌تان را در تلگرام و لینکدین می‌فرستید، حرفه‌ای دیده می‌شود.

کمپین و مناسبت

نوروز، یلدا، حراج؛ با سبک نقش ایرانی یا بلوک رنگی، در همه‌ی قالب‌ها با یک بار طراحی.

بنر سایت و خبرنامه

بنر پهن با متن در ناحیه‌ای که در موبایل هم دیده می‌شود.

نمونه‌ی واقعی

شما می‌گویید، اسکیل انجام می‌دهد

یه پوستر برای معرفی نسخه‌ی جدید اپمون بساز، هم تلگرام هم استوری
پیام در یک جمله، سه ایده (مینیمال تیره، ماکاپ محصول، گرادیان پرانرژی) با تصویر کوچک هر کدام و سؤال «کدام را ادامه بدهم؟»؛ بعد طرح نهایی ۱۲۸۰×۷۲۰ و ۱۰۸۰×۱۹۲۰ و کپشن تلگرام.
Make OG images for our 5 blog posts
یک قالب سبک تایپوگرافی مجله‌ای با جای عنوان و دسته، خروجی ۱۲۰۰×۶۳۰ برای هر پنج مطلب با یک دستور، و بررسی ناحیه‌ی امن.
نصب

روی ابزار خودتان نصب کنید

یک فایل zip برای همه‌ی ابزارها. ابزارتان را انتخاب کنید و دستورها را کپی کنید.

ترمینال، VS Code، JetBrains و اپ دسکتاپ (تب Code)~/.claude/skills/designing-social-posters/
  1. فایل zip را از کتابخانه‌ی حسابتان دانلود کنید

    فایل designing-social-posters.zip با مشخصات لایسنس شما ساخته می‌شود. نیازی به استخراج دستی نیست.

  2. برای همه‌ی پروژه‌ها (پیشنهادی)

    اسکیل در پوشه‌ی شخصی نصب می‌شود و در هر پروژه‌ای در دسترس است.

    macOS / Linux
    mkdir -p ~/.claude/skills && unzip -o ~/Downloads/designing-social-posters.zip -d ~/.claude/skills/
    Windows (PowerShell)
    Expand-Archive -Force $HOME\Downloads\designing-social-posters.zip $HOME\.claude\skills
  3. یا فقط برای یک پروژه

    داخل ریشه‌ی پروژه اجرا کنید. اگر پوشه را کامیت کنید، اعضای تیمی که لایسنس دارند هم آن را می‌بینند.

    mkdir -p .claude/skills && unzip -o ~/Downloads/designing-social-posters.zip -d .claude/skills/
  4. بررسی و استفاده

    Claude Code را دوباره باز کنید. هر وقت کارتان به این اسکیل مربوط باشد Claude خودش آن را فعال می‌کند. برای اجرای مستقیم بنویسید /designing-social-posters یا بپرسید «چه اسکیل‌هایی داری؟».

    claude
به‌روزرسانی: نسخه‌ی جدید را دانلود و همان دستور را دوباره اجرا کنید؛ گزینه‌ی -o فایل‌های قبلی را جایگزین می‌کند.
داخل بسته
designing-social-posters/
LICENSE.txtبا مشخصات شما
SKILL.md
assets
poster.html
Vazirmatn-LICENSE.txt
Vazirmatn.woff2
references
captions.md
formats.md
layouts.md
styles.md
typography.md
scripts
render_poster.mjs

پیش‌نیاز: Node.js 18 یا بالاتر و Google Chrome، Chromium یا Edge برای خروجی PNG.

تاریخچه

نسخه‌ها

  1. v1.0.0

    ۱۷ آبان ۱۴۰۵
    انتشار اول: سه ایده پیش از طرح نهایی، کاتالوگ شش سبک، render_poster، هشت قالب و فرمول کپشن.
سوال‌ها

سوال‌های این اسکیل

به فتوشاپ یا فیگما نیاز دارم؟
نه. فقط Google Chrome (یا Chromium یا Edge) روی سیستم کافی است.
عکس و لوگوی خودم را می‌توانم بگذارم؟
بله؛ کنار فایل HTML بگذارید و آدرس نسبی بدهید، اسکریپت خودش جاسازی‌شان می‌کند.
روی Claude.ai هم کار می‌کند؟
طراحی و کد HTML بله؛ خروجی PNG به کروم نیاز دارد که در Claude Code، Codex و Cursor روی سیستم خودتان در دسترس است.

طراحی پوستر و بنر شبکه‌های اجتماعی

پوستر تلگرام، پست و استوری اینستاگرام، تصویر لینک و بنر سایت با تایپوگرافی فارسی بی‌نقص؛ اول چند ایده، بعد طرح نهایی.

۶۹۰٬۰۰۰تومان۹۹۰٬۰۰۰۳۰٪ تخفیف