Skill عملی برای AI Agent

Redesign Existing Projects

برای بازطراحی پروژه موجود بدون شروع از صفر استفاده می‌شود.

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

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

این Skill کمک می‌کند روی یک پروژه موجود بازطراحی هدفمند انجام دهید. ورودی شما UI فعلی، مشکلات تجربه کاربری و هدف تغییر است و خروجی، مسیر redesign و بخش‌های اولویت‌دار است.

2

ورودی لازم

  • UI فعلی
  • مشکل UX
  • هدف تغییر
  • محدودیت‌های پروژه
3

خروجی نهایی

  • مسیر بازطراحی
  • اولویت‌ها
  • بخش‌های قابل حفظ
  • بخش‌های قابل تغییر
4

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

Claude CodeCursorCodexWindsurfGemini
5

Copy Prompt / Workflow

پروژه موجود را بدون شروع از صفر redesign کن. ورودی: UI فعلی و هدف. خروجی: مسیر بازطراحی و اولویت‌ها.
6

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

  1. UI فعلی را شرح بده.
  2. مشکل اصلی را مشخص کن.
  3. از Skill بخواه بخش‌های قابل حفظ را جدا کند.
  4. بازطراحی را مرحله‌ای انجام بده.
7

مثال واقعی

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

خطاهای رایج

  • همه چیز را از صفر بازسازی می‌کنی.
  • بخش‌های خوب فعلی را از دست می‌دهی.
  • هدف اصلی redesign را مبهم می‌نویسی.
9

منبع و نصب Skill

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

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

Frontend Design

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

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

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

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

Web Design Guidelines

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

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

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

نمونه‌سازیآمادهمتوسط

Prototype

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

ورودیایده
خروجیطرح نمونه اولیه
Compatible Agents
Claude CodeCursorCodexWindsurfGemini
خروجی نهایی

طرح نمونه اولیه · اجزای اصلی · مسیر ساخت · فرضیه تست