Resend veröffentlicht Design-System-Richtlinien und Agent Skill

LinkResendSammlung

Resend stellt seine Design- und Brand-Richtlinien in maschinenlesbarer Form bereit und bietet sie zugleich als installierbaren Agent Skill an. Das System umfasst Farbpaletten, Typografieskalen, Logovorgaben und Gestaltungsprinzipien.

Das Wichtigste

  1. Brand- und UI-Richtlinien sind als Markdown-Dokument sowie als Agent Skill über 'npx skills add resend/design-skills' verfügbar.
  2. Typografie kombiniert Domaine Display Narrow (Headlines, außerhalb von Produkt-UIs), Favorit (Überschriften), Inter (Fließtext) und CommitMono (Code) unter durchgängiger Verwendung von Sentence Case.
  3. Die Kernfarben basieren auf reinem Schwarz (#000000) und Weiß (#FDFDFD), ergänzt durch semantische Statusfarben für Grau, Rot, Bernstein, Grün und Blau.
  4. Fünf Gestaltungsprinzipien leiten das Design: Dark-First-Philosophie, starker Kontrast, Fokus vor Dekoration, Akzentfarben rein für Zustände sowie stabile Formen.
  5. Spezifikationen für Logoabstände, Farbverläufe, Glasur-Effekte (backdrop-filter: blur(25px)) und Noise-Texturen sind exakt dokumentiert.

Warum das relevant ist

Indem Resend Richtlinien sowohl strukturiert als Markdown als auch als direkt nutzbaren KI-Agent-Skill publiziert, können Entwickler und automatisierte Assistenten Markenvorgaben ohne Interpretationsverlust direkt in Code und Oberflächen umsetzen.

Einordnung

Das Dokument zeigt einen pragmatischen Ansatz für moderne Markenführung: Statt komplexer PDF-Brand-Books setzt Resend auf maschinenlesbare Markdown-Dateien und Agent Skills. Die klare funktionale Trennung von Display-Schriften (Domaine nur außerhalb von UI-Komponenten) und semantischer Farbkodierung (Farbe zeigt Zustand, keinen Stil) sorgt für konsistente Benutzeroberflächen.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Link:Tailwind Labs

    ui.sh: KI-Agenten-Fähigkeiten für Interface-Entwickler

    Die Macher von Tailwind CSS und Refactoring UI haben mit ui.sh eine Sammlung aufgabenorientierter Prompts und Workflows für KI-Agenten vorgestellt. Das Toolkit soll Entwicklern helfen, hochwertige Benutzeroberflächen zu erstellen.

    KI & AI· Tool

  • Repository:shadcn-ui/lint

    shadcn/lint: Agent-fokussierter Linter für Tailwind-Design-Systeme

    shadcn/lint ist ein Linter für Tailwind CSS (v4), der Design-System-Regeln so formuliert, dass KI-Coding-Agenten sie direkt verstehen und korrigieren können. Statt kryptischer Typprüfungen liefert das Tool Fehlermeldungen mit konkreten Handlungsempfehlungen.

    2178SterneTypeScript

    KI & AI· Tool

  • Artikel:Vercel

    Wie Vercel KI-Coding-Agents Produktdesign beibringt

    Vercel beschreibt ein internes System namens product-design, mit dem Coding-Agents nicht nur funktionierenden Code erzeugen, sondern auch Designentscheidungen und Kontext verstehen lernen.

    KI & AI· Sammlung

  • Link:Impeccable AI

    Impeccable: Design-Vokabular und Anti-Slop-System für Coding-Agents

    Impeccable ist ein Design-Skill und Plugin für KI-gestützte Coding-Agenten wie Claude oder Cursor. Es stattet LLMs mit einem standardisierten Design-Vokabular aus, erkennt typische KI-Designfehler und bindet bestehende Design-Systeme direkt in den Code ein.

    KI & AI· Tool

  • Repository:elayadesign/ai-design-skills

    ai-design-skills: Markdown-Regeln für KI-gestütztes Webdesign

    Das GitHub-Repository elayadesign/ai-design-skills bündelt strukturierte Design-Anleitungen und Regelwerke im Markdown-Format für KI-gestützte Coding-Tools. Entwickler können diese Skills in Assistenten wie Claude Code, Cursor oder Windsurf einbinden, um konsistentere Landingpages und UI-Systeme zu generieren.

    1960Sterne

    KI & AI· Sammlung

  • Link:Jakub Krehel

    Skills: Agenten-Toolkit zur Optimierung von UI und UX

    Jakub Krehel stellt eine Sammlung spezialisierter Agent Skills vor, die Frontend-Teams bei Interface-Details wie Typografie, OKLCH-Farben, Barrierefreiheit, Layouts und Microcopy unterstützen.

    KI & AI· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.