Zum Inhalt springen
↑↓navigieren↵öffnenescschließen
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Web Design Engineer logo
Skill

Web Design Engineer

Ausgereifte Weboberflächen mit klarer Gestaltung entwickeln

0
SpeichernWebsite besuchen ↗

Installation

github.com/ConardLi/garden-skills/tree/main/skills/web-design-engineer
Wird ausgelöst bei

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.

Kommentare(0)

Zum Kommentieren anmelden

Noch keine Kommentare — schreibe den ersten.

Ähnliche Skills

Diesen Kommentar melden

Warum meldest du das?