Web Design Engineer
Twórz dopracowane interfejsy zgodne z zamysłem wizualnym
Instalacja
github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
When building or redesigning visual web artifacts—pages, dashboards, prototypes, animations, and UI systems—with intentional design direction.
Projektowanie stron internetowych wymaga, aby każdy wybór wizualny wynikał z konkretnego zamiaru. Ta umiejętność prowadzi agentów od funkcjonalnego HTML do estetycznie dopracowanego efektu, kładąc nacisk na jasno określone systemy projektowe, autentyczne materiały produktowe i celowe wzorce interakcji.
Najważniejsze funkcje
- Proces rozpoczynający się od projektu i obejmujący trzy wymagane punkty kontrolne: określenie systemu, przegląd wersji roboczej i decyzje dotyczące głównej części wdrożenia
- Wymaga prawdziwych zasobów: logo, typografii i fotografii produktowej zamiast sylwetek z CSS czy domyślnych wypełniaczy
- Obejmuje pełny zakres prac wizualnych: strony marketingowe, panele danych, prezentacje, animacje, wykresy i biblioteki komponentów
- Unika typowych klisz generowanych przez AI, takich jak gradientowe tła i nadużywane układy kart
- Zawiera wskazówki dotyczące testów akceptacyjnych w przeglądarce i wizualnej kontroli jakości
Umiejętność celowo nie obejmuje interfejsów API zaplecza, narzędzi CLI, czystej logiki ani automatycznej konwersji treści — skupia się wyłącznie na wizualnej części front-endu. Jest przeznaczona dla projektantów pracujących z agentami AI, zespołów budujących systemy projektowe oraz wszystkich osób tworzących interfejsy internetowe z dbałością o zamysł i wykonanie.
Podobne umiejętności
Frontend Design
UmiejętnośćKierunek projektowy dla interfejsów bez szablonowego wyglądu
Taste Skill
UmiejętnośćPomaga agentom tworzyć interfejsy bez szablonowego wyglądu
Huashu Design
UmiejętnośćTwórz prototypy, animacje i wizualizacje w HTML

Komentarze(0)
Zaloguj się, aby skomentować