Web Design Engineer
Maak verzorgde webinterfaces met een duidelijke ontwerpvisie
Installeren
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.
Webdesign vereist dat iedere visuele keuze voortkomt uit een duidelijke bedoeling. Deze vaardigheid stuurt agents verder dan functionele HTML en richt zich op esthetische afwerking, vooraf vastgelegde ontwerpsystemen, authentieke productbeelden en doelgerichte interactiepatronen.
Hoogtepunten
- Ontwerpgerichte werkwijze met drie verplichte controlemomenten: vastlegging van het systeem, beoordeling van het concept en belangrijke bouwbeslissingen
- Vereist echte assets, zoals logo's, typografie en productfotografie—geen CSS-silhouetten of standaardplaatshouders
- Bestrijkt het volledige spectrum van visueel werk: marketingpagina's, datadashboards, presentaties, animaties, grafieken en componentbibliotheken
- Vermijdt clichés uit door AI gegenereerde ontwerpen, zoals kleurverlopen als achtergrond en overmatig gebruikte kaartpatronen
- Bevat richtlijnen voor acceptatietests in de browser en visuele kwaliteitscontrole
De vaardigheid sluit back-end-API's, CLI-tools, zuivere logica en geautomatiseerde inhoudsconversie nadrukkelijk uit en richt zich uitsluitend op visueel front-endwerk. Ideaal voor ontwerpers die met AI-agents werken, teams die ontwerpsystemen bouwen en iedereen die doelbewust en vakkundig webinterfaces wil maken.
Vergelijkbare skills
Frontend Design
SkillOntwerprichtlijnen voor interfaces zonder sjabloonuitstraling
Taste Skill
SkillTilt interfaces van agents boven de standaardtemplate uit
Huashu Design
SkillOntwerp prototypes, animaties en visualisaties met HTML

Reacties(0)
Log in om te reageren