Web Design Engineer
Ausgereifte Weboberflächen mit klarer Gestaltung entwickeln
Installation
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 verlangt, dass jede visuelle Entscheidung auf einer klaren Absicht beruht. Dieser Skill führt Agenten über funktionales HTML hinaus zu einer ausgereiften Gestaltung und legt Wert auf ausdrücklich definierte Designsysteme, authentische Produktbilder und gezielte Interaktionsmuster.
Highlights
- Designorientierter Ablauf mit drei verbindlichen Prüfpunkten: Definition des Systems, Prüfung des Entwurfs und wichtige Umsetzungsentscheidungen
- Echte Assets sind erforderlich: Logos, Typografie und Produktfotografie statt CSS-Silhouetten oder Standardplatzhaltern
- Deckt das gesamte Spektrum visueller Arbeit ab: Marketingseiten, Daten-Dashboards, Präsentationen, Animationen, Diagramme und Komponentenbibliotheken
- Vermeidet typische KI-Klischees wie Verlaufshintergründe und überstrapazierte Kartenlayouts
- Enthält Anleitungen für Akzeptanztests im Browser und visuelle Qualitätssicherung
Der Skill schließt Backend-APIs, CLI-Tools, reine Logik und automatisierte Inhaltskonvertierung ausdrücklich aus und konzentriert sich ausschließlich auf visuelle Frontend-Arbeit. Er eignet sich für Designer, die mit KI-Agenten arbeiten, für Teams beim Aufbau von Designsystemen und für alle, die Weboberflächen bewusst und handwerklich sauber entwickeln möchten.
Ähnliche Skills
Frontend Design
SkillDesignrichtung für Oberflächen jenseits typischer Vorlagen
Taste Skill
SkillVerleiht agentenerstellten Oberflächen einen eigenen Charakter
Huashu Design
SkillPrototypen, Animationen und Visualisierungen mit HTML

Kommentare(0)
Zum Kommentieren anmelden