12 Gestaltungsprinzipien..

Markenneutrale Craft-Regeln — Barrierefreiheit, RTL, Motion-Easing, Fotografie-Ethik. Skills opten via `od.craft.requires` ein, sodass ein Plugin automatisch die richtige Strenge erbt.

  1. 01 Accessibility baseline-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Accessibility baseline, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  2. 02 Animation discipline-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Animation discipline, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  3. 03 Anti-AI-slop rules-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Anti-AI-slop rules, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  4. 04 Editorial typography hierarchy-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Editorial typography hierarchy, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  5. 05 Farbe-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Farbe, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  6. 06 Form validation-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Form validation, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  7. 07 Future Craft Sections-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Future Craft Sections, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  8. 08 Laws of UX-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Laws of UX, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  9. 09 RTL und bidirektionaler Text-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer RTL und bidirektionaler Text, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  10. 10 State coverage-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer State coverage, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  11. 11 Typografie-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Typografie, damit Agenten konsistente und lieferbare Artefakte erzeugen.
  12. 12 Typography hierarchy-Gestaltungsregel Diese Open-Design-Regel definiert Standards fuer Typography hierarchy, damit Agenten konsistente und lieferbare Artefakte erzeugen.

Open Design Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS, Windows und Linux