Skill عملی برای AI Agent

Stitch Design Taste

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

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

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

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

2

ورودی لازم

  • نیاز صفحه
  • نمونه مرجع
  • محدودیت طراحی
  • context برند
3

خروجی نهایی

  • ترکیب taste
  • الگوی طراحی
  • جهت بصری
  • جزئیات اجرایی
4

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

Claude CodeCursorCodexChatGPTGemini
5

Copy Prompt / Workflow

taste و pattern را در یک خروجی منظم stitch کن. ورودی: نیاز و نمونه مرجع. خروجی: UI هماهنگ و قابل اجرا.
6

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

  1. نیاز اصلی را مشخص کن.
  2. نمونه‌های الهام‌بخش را بده.
  3. از Skill بخواه pattern مناسب را انتخاب کند.
  4. خروجی را با design system هماهنگ کن.
7

مثال واقعی

برای صفحه features، این Skill می‌تواند بخش‌ها را به‌گونه‌ای بچیند که هم جذاب باشد و هم قابل پیاده‌سازی.
8

خطاهای رایج

  • taste را بدون pattern اجرا می‌کنی.
  • نمونه مرجع را کورکورانه کپی می‌کنی.
  • خروجی را با سیستم طراحی موجود هماهنگ نمی‌کنی.
9

منبع و نصب Skill

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

npx skills add https://github.com/leonxlnx/taste-skill --skill stitch-design-taste
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 · اقدام‌های سریع