Skill عملی برای AI Agent

Industrial Brutalist UI

برای ساخت UI جسورانه، خشن و متفاوت با تاکید روی شخصیت بصری استفاده می‌شود.

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

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

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

2

ورودی لازم

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

خروجی نهایی

  • طرح brutalist
  • پالت بصری
  • چیدمان جسورانه
  • نکات اجرا
4

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

Claude CodeCursorCodexWindsurfGemini
5

Copy Prompt / Workflow

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

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

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

مثال واقعی

برای یک صفحه پروموشن خاص، این Skill می‌تواند تایپوگرافی درشت و layout غیرمتعارف اما منظم پیشنهاد دهد.
8

خطاهای رایج

  • جسارت را با شلوغی اشتباه می‌گیری.
  • خوانایی متن را از بین می‌بری.
  • خروجی را با brand هماهنگ نمی‌کنی.
9

منبع و نصب Skill

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

npx skills add https://github.com/leonxlnx/taste-skill --skill industrial-brutalist-ui
10
طراحی UIآمادهپیشرفته

High-End Visual Design

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

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

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

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

Design Taste Frontend

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

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

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

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

Frontend Design

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

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

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