Naar de inhoud
↑↓navigeren↵openenescsluiten
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Web Design Engineer logo
Skill

Web Design Engineer

Maak verzorgde webinterfaces met een duidelijke ontwerpvisie

0
BewarenWebsite bezoeken ↗

Installeren

github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
Wordt geactiveerd bij

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.

Reacties(0)

Log in om te reageren

Nog geen reacties — wees de eerste.

Vergelijkbare skills

Deze reactie melden

Waarom meld je dit?