Skill عملی برای AI Agent

Minimalist UI

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

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

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

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

2

ورودی لازم

  • هدف صفحه
  • اجزای ضروری
  • محدودیت برند
  • سطح سادگی
3

خروجی نهایی

  • layout خلوت
  • اجزای ضروری
  • اولویت بصری
  • پیشنهاد spacing
4

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

Claude CodeCursorCodexChatGPTGemini
5

Copy Prompt / Workflow

رابط را مینیمال و خوانا طراحی کن. ورودی: هدف و اجزای ضروری. خروجی: layout خلوت و عملی.
6

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

  1. فقط اجزای ضروری را مشخص کن.
  2. هدف صفحه را کوتاه بده.
  3. از Skill بخواه عناصر غیرضروری را حذف کند.
  4. خروجی را با محتوای واقعی تست کن.
7

مثال واقعی

برای صفحه ورود، این Skill می‌تواند یک فرم ساده با تمرکز روی فیلدها و CTA اصلی پیشنهاد دهد.
8

خطاهای رایج

  • مینیمال را با خالی‌بودن اشتباه می‌گیری.
  • خوانایی را قربانی سادگی می‌کنی.
  • به hierarchy توجه نمی‌کنی.
9

منبع و نصب Skill

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

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

Design Taste Frontend

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

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

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

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

Web Design Guidelines

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

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

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

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

Frontend Design

برای طراحی رابط کاربری متفاوت، قابل اجرا و مناسب Agentها در پروژه‌های فرانت‌اند استفاده می‌شود.

ورودینوع محصول
خروجیجهت بصری
Compatible Agents
Claude CodeCursorCodexWindsurfGemini
خروجی نهایی

جهت بصری · چیدمان صفحه · پیشنهاد رنگ و تایپوگرافی · راهنمای اجرای UI