Hoppa till innehållet
↑↓navigera↵öppnaescstäng
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Web Design Engineer logo
Färdighet

Web Design Engineer

Skapa genomarbetade webbgränssnitt med tydlig designavsikt

0
SparaBesök webbplatsen ↗

Installera

github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
Aktiveras av

When building or redesigning visual web artifacts—pages, dashboards, prototypes, animations, and UI systems—with intentional design direction.

Webbdesign kräver att varje visuellt val kan härledas till en tydlig avsikt. Den här färdigheten leder agenter bortom funktionell HTML mot ett estetiskt genomarbetat resultat, med tonvikt på uttalade designsystem, autentiska produktbilder och ändamålsenliga interaktionsmönster.

Höjdpunkter

  • Designorienterat arbetsflöde med tre obligatoriska kontrollpunkter: systemdefinition, granskning av utkast och större byggbeslut
  • Kräver riktiga resurser som logotyper, typografi och produktfotografi – inte CSS-silhuetter eller generiska platshållare
  • Täcker hela spektrumet av visuellt arbete: marknadsföringssidor, datainstrumentpaneler, presentationer, animationer, diagram och komponentbibliotek
  • Undviker AI-genererade klichéer som tonade bakgrunder och överanvända kortmönster
  • Innehåller vägledning för acceptanstestning i webbläsare och visuell kvalitetskontroll

Färdigheten utesluter uttryckligen API:er för serversidan, CLI-verktyg, ren logik och automatisk innehållskonvertering – den fokuserar enbart på visuellt gränssnittsarbete. Den passar designers som arbetar med AI-agenter, team som bygger designsystem och alla som vill skapa webbgränssnitt med tydlig avsikt och hantverksskicklighet.

Kommentarer(0)

Logga in för att kommentera

Inga kommentarer än – bli den första.

Liknande färdigheter

Rapportera kommentaren

Varför rapporterar du detta?