Web Design Engineer
Skapa genomarbetade webbgränssnitt med tydlig designavsikt
Installera
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.
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.
Liknande färdigheter
Frontend Design
FärdighetDesignriktning för gränssnitt som inte känns mallbaserade
Taste Skill
FärdighetLyfter agentbyggda gränssnitt bortom standardmallens uttryck
Huashu Design
FärdighetSkapa prototyper, animationer och visualiseringar med HTML

Kommentarer(0)
Logga in för att kommentera