Rückentwickelter Claude-Design-System-Prompt für KI-UI-Agenten ohne Schrott
Die meisten „Design-Assistant“-Prompts liefern generische SaaS-Vorlagen – aggressive Verläufe, Emoji-Dekorationen, abgerundete Karten und überall Inter. Trystan-SAs Claude Design System Prompt lehnt diese Muster explizit ab. Es ist ein reverse-engineertes System-Prompt (MIT-lizenziert), das eine LLM in einen meinungsstarken, barrierefreien und KI-slop-resistenten Design-Kollaborateur verwandelt.
Was ist enthalten
claude/system-prompt.md– 20 Kapitel mit Inhaltlicher Disziplin, Ästhetischer Disziplin, Visueller Hierarchie, WCAG-Barrierefreiheit, Interaktionszuständen, Systemdenken (Komponenten + Tokens) und Respekt vor dem Medium (echtes CSS Grid,oklch(),text-wrap: pretty).claude/skills/– 14 aufrufbare Prozeduren, gruppiert in Produktion (Discovery-Fragen, Frontend-Ästhetik-Richtung, Wireframe, Deck erstellen, Prototyp erstellen, Anpassbar machen, Variationen generieren), System (Design-System-Extraktion, Komponenten-Extraktion) und Review (Barrierefreiheits-Audit, KI-Slop-Check, Hierarchie-Rhythmus-Review, Interaktionszustände-Prüfung, Feinschliff-Durchlauf).codex/Variante für OpenAI Codex (Single-Loop, keine Sub-Agenten).
Wie man es verwendet
Fügen Sie den Inhalt von system-prompt.md als System-Prompt für jede LLM (Claude, GPT, Gemini, lokale Modelle) ein. Der Agent folgt der Design-Philosophie und referenziert Fähigkeiten namentlich, wenn Aufgaben passen. Fähigkeiten können verknüpft werden – ein typischer Greenfield-Ablauf: discovery-questions → frontend-aesthetic-direction → wireframe → make-a-prototype → polish-pass. Ein markenbewusster Ablauf: design-system-extract → generate-variations → make-tweakable → polish-pass.
Design-Prinzipien
Der Prompt erzwingt inhaltliche Disziplin (kein Füllmaterial, jedes Element verdient seinen Platz), ästhetische Disziplin (KI-Tropen vermeiden, sich auf Palette und Ton festlegen), visuelle Hierarchie und Rhythmus (Größe, Farbe, Gewicht, Position, Dichte, Abstandsskalen), Barrierefreiheit (WCAG, semantisches HTML, Tastaturnavigation, Fokusringe, Bewegungseinstellungen), Interaktionsfeedback (Hover, Active, Disabled, Focus, Loading, Validierungszustände) und Systemdenken (Komponenten und Tokens statt einmaliger Seiten).
Für wen es geeignet ist
Entwickler, die KI-Coding-Agenten verwenden und meinungsstarke, barrierefreie Design-Outputs ohne generische SaaS-Tropen wünschen.
📖 Vollständige Quelle lesen: HN AI Agents
👀 Siehe auch
Open-Source GTM-Plugin für Claude Code mit 166 Marketing-Skills und Bootstrap-Befehl
Ein Entwickler hat ein Open-Source-Go-To-Market-Plugin für Claude Code veröffentlicht, das 166 spezialisierte Marketing-Fähigkeiten in den Bereichen SEO, Content, Outbound, Sales, Growth, Analytics, Strategie, Ads, Social, CRM und KI-Suche bietet. Das Plugin enthält einen /bootstrap-Befehl, der Nutzer zu ihrer Marke befragt, um personalisierte Kontextdateien zu generieren.
Claude Code protokolliert jede Sitzung auf der Festplatte – so indexieren und rufen Sie sie ab
Claude Code schreibt jeden Session-Turn in ~/.claude/projects/ als JSONL. Ein Benutzer indizierte 1026 Sitzungen (57MB, 76K Turns) in SQLite+FTS5 mit einem MCP-Server für Suche und Thread-Recall über Sitzungen hinweg.
Open-Source Agent OS: Rust-basiertes Betriebssystem für KI-Agenten mit WASM-Sandboxing und Hands-Funktion
Ein Open-Source-Betriebssystem für KI-Agenten wurde veröffentlicht, das 137.000 Zeilen Rust-Code unter MIT-Lizenz enthält. Das System führt Agenten in WASM-Sandboxen mit 16 Sicherheitsebenen aus und führt 'Hands' für geplante, autonome Agentenoperationen ein.
ClawTalk iOS-App ermöglicht Sprach-Chat mit selbst-gehosteten OpenClaw-KI-Agenten
ClawTalk ist eine native iOS-App, die Push-to-Talk-Sprachchat für selbst gehostete OpenClaw-LLM-Setups bietet. Sie verfügt über On-Device-Spracherkennung mit WhisperKit, Echtzeit-Streaming-Antworten mit Markdown-Rendering und unterstützt mehrere TTS-Optionen, darunter ElevenLabs, OpenAI und Apples eingebaute Stimmen.