Skill عملی برای AI Agent

Brandkit

برای ساخت و هماهنگ‌کردن اجزای برند در خروجی طراحی استفاده می‌شود.

آمادههویت بصریسادهبه‌روزرسانی ۱۶ تیر ۱۴۰۵
1

این Skill چه کاری می‌کند؟

این Skill کمک می‌کند اجزای برند را منظم و هماهنگ نگه دارید. ورودی شما رنگ‌ها، فونت‌ها، لحن و عناصر بصری است و خروجی، brandkit قابل استفاده در طراحی‌های بعدی است.

2

ورودی لازم

  • رنگ‌ها
  • فونت‌ها
  • لحن برند
  • عناصر بصری
3

خروجی نهایی

  • brandkit
  • قواعد بصری
  • اجزای هماهنگ
  • الگوی استفاده
4

مناسب کدام Agentهاست؟

Claude CodeCursorCodexChatGPTGemini
5

Copy Prompt / Workflow

اجزای برند را در یک brandkit منظم جمع کن. ورودی: رنگ، فونت و لحن. خروجی: قواعد و اجزای هماهنگ.
6

آموزش استفاده مرحله‌ای

  1. اجزای فعلی برند را فهرست کن.
  2. از Skill بخواه قواعد را یکدست کند.
  3. خروجی را در طراحی بعدی reuse کن.
  4. هماهنگی با UI فعلی را چک کن.
7

مثال واقعی

برای یک محصول در حال رشد، این Skill می‌تواند رنگ‌ها و type scale را به شکلی ثابت در همه صفحه‌ها نگه دارد.
8

خطاهای رایج

  • brandkit را فقط به لوگو محدود می‌کنی.
  • قواعد را در پروژه‌های مختلف یکسان استفاده نمی‌کنی.
  • اجزای بصری را بدون مستند رها می‌کنی.
9

منبع و نصب Skill

منبع اصلی و تأییدشده در skills.sh

npx skills add https://github.com/leonxlnx/taste-skill --skill brandkit
10
طراحی UIآمادهمتوسط

Design Taste Frontend

برای ساخت رابط کاربری خوش‌سلیقه با ورودی نیاز محصول و خروجی UI آماده استفاده می‌شود.

ورودیهدف صفحه
خروجیUI آماده
Compatible Agents
Claude CodeCursorCodexWindsurfGemini
خروجی نهایی

UI آماده · جهت بصری · چیدمان پیشنهادی · نکات اجرا

طراحی UIآمادهپیشرفته

High-End Visual Design

برای تولید طراحی بصری قوی با ورودی نیاز صفحه و خروجی UI سطح بالا استفاده می‌شود.

ورودینیاز صفحه
خروجیجهت visual
Compatible Agents
Claude CodeCursorCodexWindsurfGemini
خروجی نهایی

جهت visual · جزئیات UI · پیشنهاد spacing · پیشنهاد رنگ

طراحی UIآمادهمتوسط

Web Design Guidelines

برای بازبینی UI بر اساس اصول طراحی، دسترس‌پذیری و تجربه کاربری استفاده می‌شود.

ورودیصفحه یا نمونه UI
خروجیفهرست ایرادهای UI
Compatible Agents
Claude CodeCursorCodexGeminiChatGPT
خروجی نهایی

فهرست ایرادهای UI · پیشنهاد بهبود چیدمان · نکات accessibility · اقدام‌های سریع