طراحی پوستر و بنر شبکههای اجتماعی
پوستر تلگرام، پست و استوری اینستاگرام، تصویر لینک و بنر سایت با تایپوگرافی فارسی بینقص؛ اول چند ایده، بعد طرح نهایی.
لایسنس شخصی: برای استفادهی خودتان، روی همهی دستگاهها و ابزارهایتان
تصویرهای همین سایت و پستهای کانال کاشی با همین روش ساخته شدهاند: چیدمان و تایپوگرافی با HTML و CSS، فونت واقعی، تصویر واقعی محصول، و خروجی دقیق با کروم.
برای هر چیزی که متن دارد، این روش از مولدهای تصویر بهتر است؛ بهخصوص متن فارسی که مولدها هنوز خرابش میکنند. تکرارپذیر هم هست: یک واژه را عوض کنید و دوباره خروجی بگیرید.
اسکیل اول پیام را با شما روشن میکند، بعد سه ایدهی کاملاً متفاوت (مثلاً مینیمال تیره، بلوک رنگی جسور، نقش ایرانی) را سریع میسازد و نشان میدهد و میپرسد کدام را ادامه بدهد. بعد طرح انتخابشده را برای همهی قالبها خروجی میگیرد و کپشن پست را هم مینویسد.
از نزدیک ببینید
پوستر و بنر با تایپوگرافی فارسی بینقص؛ از HTML تا PNG با کیفیت ۲ برابر
چه چیزهایی داخل این اسکیل است
سه ایدهی متفاوت پیش از طرح نهایی، از کاتالوگ شش سبک؛ انتخاب با شما
اسکریپت render_poster بدون وابستگی: کروم بدون رابط، فونت جاسازیشده، خروجی ۲ برابر
هشت قالب آماده: تلگرام، پست و مربع و استوری اینستاگرام، OG، ایکس، لینکدین، بنر سایت
راهنمای ناحیهی امن هر قالب و نمایش آن روی تصویر با --guides
قالب HTML واکنشگرا: یک فایل برای افقی و عمودی
قواعد تایپوگرافی فارسی برای پوستر: وزن، اندازه، فاصلهی خط، رقم و ترکیب لاتین
فرمول کپشن برای تلگرام، اینستاگرام و لینکدین
کجا به کارتان میآید
تیتر، یک خط توضیح، تصویر واقعی محصول و نشانی؛ آماده برای کانال تلگرام و اینستاگرام.
تصویری که وقتی لینک صفحهتان را در تلگرام و لینکدین میفرستید، حرفهای دیده میشود.
نوروز، یلدا، حراج؛ با سبک نقش ایرانی یا بلوک رنگی، در همهی قالبها با یک بار طراحی.
بنر پهن با متن در ناحیهای که در موبایل هم دیده میشود.
شما میگویید، اسکیل انجام میدهد
روی ابزار خودتان نصب کنید
یک فایل zip برای همهی ابزارها. ابزارتان را انتخاب کنید و دستورها را کپی کنید.
- فایل zip را از کتابخانهی حسابتان دانلود کنید
فایل designing-social-posters.zip با مشخصات لایسنس شما ساخته میشود. نیازی به استخراج دستی نیست.
- برای همهی پروژهها (پیشنهادی)
اسکیل در پوشهی شخصی نصب میشود و در هر پروژهای در دسترس است.
macOS / Linuxmkdir -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 - یا فقط برای یک پروژه
داخل ریشهی پروژه اجرا کنید. اگر پوشه را کامیت کنید، اعضای تیمی که لایسنس دارند هم آن را میبینند.
mkdir -p .claude/skills && unzip -o ~/Downloads/designing-social-posters.zip -d .claude/skills/ - بررسی و استفاده
Claude Code را دوباره باز کنید. هر وقت کارتان به این اسکیل مربوط باشد Claude خودش آن را فعال میکند. برای اجرای مستقیم بنویسید /designing-social-posters یا بپرسید «چه اسکیلهایی داری؟».
claude
- اجرای کد را روشن کنید
در Settings › Capabilities گزینهی Code execution and file creation را فعال کنید. اسکیلها روی پلنهای Pro، Max، Team و Enterprise کار میکنند.
- فایل zip را بارگذاری کنید
به Customize › Skills بروید، روی + و بعد Upload a skill بزنید و همان designing-social-posters.zip را بدون استخراج انتخاب کنید.
- اسکیل را روشن کنید
کلید کنار اسکیل را فعال کنید. از این به بعد در گفتگوها هر وقت لازم باشد خودکار استفاده میشود.
اسکیلهای بارگذاریشده در Claude.ai با Claude Code همگام نمیشوند؛ برای هر کدام جدا نصب کنید.
- نصب برای همهی پروژههاmacOS / Linux
mkdir -p ~/.codex/skills && unzip -o ~/Downloads/designing-social-posters.zip -d ~/.codex/skills/Windows (PowerShell)Expand-Archive -Force $HOME\Downloads\designing-social-posters.zip $HOME\.codex\skills - یا فقط برای یک مخزن
Codex اسکیلهای داخل مخزن را هم میخواند (پوشهی استاندارد .agents/skills).
mkdir -p .agents/skills && unzip -o ~/Downloads/designing-social-posters.zip -d .agents/skills/ - Codex را دوباره اجرا کنید
بعد از ریاستارت، اسکیل در فهرست /skills دیده میشود. برای صدا زدن مستقیم بنویسید $designing-social-posters یا کار را عادی توضیح دهید.
codex
- اگر قبلاً برای Claude Code یا Codex نصب کردهاید، کاری لازم نیست
Cursor پوشههای ~/.claude/skills و ~/.codex/skills را هم میخواند.
- نصب مستقیمهمهی پروژهها
mkdir -p ~/.cursor/skills && unzip -o ~/Downloads/designing-social-posters.zip -d ~/.cursor/skills/فقط این پروژهmkdir -p .cursor/skills && unzip -o ~/Downloads/designing-social-posters.zip -d .cursor/skills/ - استفاده
در چت Agent بنویسید /designing-social-posters یا اجازه دهید Agent خودش آن را انتخاب کند.
- نصبهمهی پروژهها
mkdir -p ~/.gemini/skills && unzip -o ~/Downloads/designing-social-posters.zip -d ~/.gemini/skills/فقط این پروژهmkdir -p .gemini/skills && unzip -o ~/Downloads/designing-social-posters.zip -d .gemini/skills/ - بررسی
در Gemini CLI دستور /skills list را بزنید تا اسکیل را ببینید.
/skills list
اگر نسخهی شما پوشهی بالا را نمیشناسد، همان فایل را در ~/.agents/skills استخراج کنید.
- ابزارهای سازگار با استاندارد Agent Skills
هر ابزاری که پوشهای با SKILL.md را میخواند، کافی است همین zip را در پوشهی اسکیلهای آن ابزار (معمولاً .agents/skills) استخراج کنید.
mkdir -p .agents/skills && unzip -o ~/Downloads/designing-social-posters.zip -d .agents/skills/ - ابزارهای بدون پشتیبانی از اسکیل
محتوای SKILL.md را در دستورالعمل پروژه (AGENTS.md، custom instructions یا Project knowledge) بگذارید و فایلهای کمکی را کنار پروژه نگه دارید.
پیشنیاز: Node.js 18 یا بالاتر و Google Chrome، Chromium یا Edge برای خروجی PNG.
نسخهها
v1.0.0
۱۷ آبان ۱۴۰۵انتشار اول: سه ایده پیش از طرح نهایی، کاتالوگ شش سبک، render_poster، هشت قالب و فرمول کپشن.
سوالهای این اسکیل
به فتوشاپ یا فیگما نیاز دارم؟
عکس و لوگوی خودم را میتوانم بگذارم؟
روی Claude.ai هم کار میکند؟
طراحی پوستر و بنر شبکههای اجتماعی
پوستر تلگرام، پست و استوری اینستاگرام، تصویر لینک و بنر سایت با تایپوگرافی فارسی بینقص؛ اول چند ایده، بعد طرح نهایی.