Przejdź do treści
↑↓nawiguj↵otwórzesczamknij
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Web Design Engineer logo
Umiejętność

Web Design Engineer

Twórz dopracowane interfejsy zgodne z zamysłem wizualnym

0
ZapiszOdwiedź stronę ↗

Instalacja

github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
Uruchamia się przy

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.

Komentarze(0)

Zaloguj się, aby skomentować

Nie ma jeszcze komentarzy — napisz pierwszy.

Podobne umiejętności

Zgłoś ten komentarz

Dlaczego to zgłaszasz?