Optimieren Sie die Designs von Claude mit Skills

Entwickeln Sie einen Skill, der Designprinzipien automatisch in die Ergebnisse von Claude integriert.

Autor
Anthropic
Kategorie
Persönlich
Modell
Sonnet 4.5
Funktionen
Skills
Teilen
Link kopieren
https://claude.com/resources/use-case/elevate-claudes-design-using-skills

Beschreibung der Aufgabe

Claude ist in der Lage, großartige visuelle Designs zu generieren, wenn er klare Anweisungen und Beispiele erhält. Um routinemäßig qualitativ hochwertige Ergebnisse zu erzielen, sind jedoch oft detaillierte Prompts und iterative Verfeinerungen erforderlich, die zeitaufwendig und kontextintensiv sein können. Mit Skills können Sie diesen Prozess einmal verpacken und dann schnell ein hochwertiges Design Thinking in jedem Gespräch aktivieren.

Sagen Sie Claude, dass Sie den ultimativen Design-Skill entwickeln möchten, der jede visuelle Arbeit auf höhere Standards hebt. Teilen Sie mit, was in den Skill aufgenommen werden soll, z. B. bestimmte Frameworks, Standards und Prozesse, die Claude beim Design der Ergebnisse einhalten soll.

Ich erstelle mit Claude viele visuelle Outputs – Präsentationen, Dashboards, Berichte, HTML-Seiten. Sie sind funktional, wirken aber immer generisch, wie erste Entwürfe statt polierte Arbeiten. Ich möchte, dass sie so aussehen, als hätten sie mehrere Runden professioneller Design-Verbesserungen durchlaufen.

Ich möchte einen Skill entwickeln, der Design Thinking automatisch auf jede visuelle Ausgabe anwendet, die ich anfordere. Etwas, das Claude dazu bringt, Designentscheidungen zu hinterfragen, Best Practices zu referenzieren und Exzellenz zu erzielen, bevor er etwas liefert.

Der Skill sollte aktiviert werden, wenn ich nach Präsentationen, Tabellen, HTML-Artefakten, PDFs oder visuellen Elementen frage. Claude sollte:

Beginnen Sie mit einer funktionalen Version und erweitern Sie diese
Jede Designentscheidung in Frage stellen (Typografie, Farbe, Layout, Abstand)
Profi-Design-Referenzen (Stripe, Linear, Apple, Bauhaus, Schweizer Design)
Anwendung spezifischer visueller Techniken anstelle von generischen
Mutige Entscheidungen mit geschmackvoller Zurückhaltung
Sicherstellen, dass die Endergebnisse handgefertigt und nicht vorlagenbasiert aussehen

Ich möchte, dass der Skill Referenzdateien hat, die Claude konsultiert:

Eine Checkliste für Designabfragen (Fragen, die vor der Lieferung gestellt werden müssen)
Ein Technikkatalog (spezifische visuelle Moves, organisiert nach ihren Zielen)
Eine Referenzbibliothek (Designbeispiele und Prinzipien, aus denen herangezogen werden kann)
Ein Erhöhungsprotokoll (systematischer Prozess zur Verfeinerung)
Eine Designphilosophie (Prinzipien für die Balance von Know-how und Zurückhaltung)

Das Ziel ist, dass, wenn ich frage, „ein Verkaufs-Dashboard zu erstellen“ oder „eine Präsentation zu erstellen“, Claude automatisch wie ein Designdirektor denkt, der keine generischen Ergebnisse akzeptieren würde. Der Benutzer sieht nur das polierte Ergebnis, es sei denn, er fragt ausdrücklich nach dem Design-Thinking-Prozess. Hilf mir, diesen Skill mit allen notwendigen Referenzdateien zu entwickeln.

Claude Kontext geben

Erforderlicher Kontext

Dieser Workflow nutzt das Skills-System von Claude. Stellen Sie unter Einstellungen > Funktionen > Skills sicher, dass die Codeausführung und Dateierstellung aktiviert sind, damit Claude Skills erstellen und verwenden kann.

No items found.

Optionaler Kontext

Aktivieren Sie Erweitertes Denken, um strategisch über Design-Frameworks und Qualitätsstandards nachzudenken.

Erweitertes Denken

Was Claude generiert

Claude erstellt eine vollständige Skill-Struktur mit einer Hauptanweisungsdatei und unterstützenden Referenzen. Der Skill ist sofort verwendbar, sobald er Ihrer Claude Skills-Bibliothek hinzugefügt wurde. Sobald Sie in einem Chat von „Designexzellenz“ sprechen, wendet Claude automatisch das visuelle Denken der Fertigkeit auf das an, was Sie kreieren.

Von Claude

Ich habe Ihre Design-Skill erstellt. Dies enthält eine SKILL.md-Hauptdatei, die definiert, wann und wie der Skill aktiviert wird, sowie fünf Referenzdateien zu konsultieren.

Design-Elevation/SKILL.md anzeigen

Referenzdateien:

Design_INTERROGATION.md
: Claude führt fünf Fragenebenen durch, bevor er jedes Design liefert: erste Prinzipien (wofür ist das?), Element-für-Element-Analyse (Typografie, Farbe, Layout), Referenzüberprüfung (wovon könnte das lernen?), Bewertung der Einzigartigkeit und Tests zur Entfernung

Technische Daten anzeigen CATALOG.md
Ein umfassendes Vokabular mit über 400 visuellen Techniken, die nach ihren Zielen sortiert sind: Typografie als Form, Farbphänomene, Tiefenillusion, Texturqualität, Bewegung, räumliche Komposition. Claude wählt 1-2 Techniken aus, die stark angewendet werden sollen, statt viele schwach.

Sehen Sie REFERENCE_LIBRARY.md
Kuratierte Designbeispiele von modernen Unternehmen (Stripe, Linear, Airbnb), historischen Bewegungen (Bauhaus, Swiss Design), natürlichen Mustern (Fibonacci, Voronoi) und bewährten Typografie-Kombinationen. Claude konsultiert dies als Grundlage für die Designrichtung.

ELEVATION_PROTOCOL.md
Ein systematischer Prozess mit 8 Phasen: Grundlagenbewertung, erste Abfrage, Technikenauswahl, Referenzprüfung, disziplinierte Bewerbung, Überprüfung der Zurückhaltung, endgültiger Polier, Bestätigung der Einzigartigkeit.

Sehen Sie sich die Design_PHILOSOPHY.md
Core-Prinzipien an, um beeindruckendes Know-how mit Zurückhaltung in Einklang zu bringen – wenn es darum geht, mutig versus subtil zu sein, wie sich Know-how in Details zeigt, warum Einzigartigkeit nicht übermäßig ist und Design sich unvermeidlich anfühlt.

So verwenden Sie diesen Skill:

Fügen Sie den gesamten Design-Elevation-Ordner zu Ihrem Skills-Verzeichnis hinzu
Wenn Sie das nächste Mal eine visuelle Ausgabe anfordern, konsultiert Claude diese Dateien automatisch
Sie erhalten bessere Ergebnisse, ohne jedes Mal Design-Anforderungen spezifizieren zu müssen

Ich möchte die Referenzinhalte anpassen oder dem Katalog zusätzliche Techniken hinzufügen?

Nachfolgende Prompts

Führen Sie das Gespräch mit Claude fort, um die Ergebnisse zu verfeinern und zu verbessern.

Sehen Sie den Skill in Aktion

Nutzen Sie diesen Skill, um vorhandene Arbeiten zu bewerten und zu verbessern. Claude kann die Ergebnisse nachbilden, indem er die integrierten Techniken des Skills anwendet.

‍

Testen wir diesen Skill. Erstellen Sie ein vierteljährliches Performance-Dashboard. Verwenden Sie den Design-Verbesserungsprozess und zeigen Sie mir sowohl die erste Funktionsversion als auch das erweiterte Ergebnis, damit ich den Unterschied sehen kann.

Mit MCP-Verbindungen kombinieren

Erfahren Sie, wie Ihr Know-how in Skills kombiniert und mit Ihren Tools zusammenarbeitet, sobald es über Konnektoren aktiviert ist.

Ich habe Google Drive über MCP verbunden. Wie würde dieser Design-Skill funktionieren, wenn ich dich bitte, eine vorhandene Präsentation aus meinem Drive zu ziehen und zu verbessern? Zeig mir, wie der Skill und die MCP-Verbindung zusammenarbeiten.

Erweiterung des Technikkatalogs

Vertiefen Sie das Vokabular der Skills in bestimmten Bereichen. Oder integrieren Sie Ihre Qualitätsstandards und spezifischen Beispiele in die Skill-Anweisungen oder das Framework. Dadurch kann Claude Ihr gewünschtes Ergebnis klarer verstehen.

Fügen Sie Techniken für die Datenvisualisierung hinzu: Diagrammstyling, Dashboard-Layouts und Möglichkeiten, um Zahlen visuell ansprechender zu machen. Ich arbeite auch im Fintech. Fügen Sie der Referenzbibliothek branchenführende Finanzdesign-Beispiele hinzu.

Tricks, Tipps und Problemlösung

Entwicklung der Skills durch Nutzung und Verfeinerung

Wenn Sie den Skill mehrmals anwenden, stellen Sie Muster fest: Vielleicht möchten Sie immer mehr Farben oder eine geringere Informationsdichte oder bestimmte Typografiepräferenzen. Verwenden Sie dieses Feedback, um die Skill-Datei selbst zu aktualisieren, um Ihre sich entwickelnden Standards zu integrieren. Fügen Sie neue Qualitätsstufen hinzu, die für Sie relevant sind. Fügen Sie Screenshots von Arbeiten hinzu, die Sie lieben, als Referenzbeispiele. Der Skill kann mit der Zeit personalisierter werden.

Skills nutzen progressive Disclosure, um effizient zu bleiben

Wenn Claude an einer Aufgabe arbeitet, scannt er zuerst die Metadaten zu den Skills (die Beschreibung oben), um zu sehen, ob der Skill relevant ist. Nur wenn es übereinstimmt, lädt Claude die vollständigen Anweisungen. Referenzdateien werden nur dann geladen, wenn sie tatsächlich benötigt werden. Das bedeutet, dass Sie viele Skills zur Verfügung haben können, ohne den Kontext von Claude zu überfordern. Ihre über 400 Techniken werden erst geladen, wenn Claude tatsächlich Techniken für eine bestimmte Schwachstelle auswählen muss.

Qualitätsstandardfragen führen über die Standardeinstellungen hinaus zu absichtlichen Entscheidungen

Dieser Skill zwingt Claude zu einer Bewertung anhand von Qualitätsstandards und Benchmarks. Der Skill integriert auch die Iteration als Prozess in den Skill, anstatt mehrere Runden des Prompts zu erstellen. Diese Technik wird verwendet, um Claude zu bewegen, generische Lösungen abzulehnen und sich für kreativere und einzigartige Designentscheidungen zu entscheiden.

Möchten Sie es mal ausprobieren?

Entwickeln Sie Ihre Design-Excellence-Skills und beobachten Sie, wie sich jede visuelle Ausgabe von funktional in portfoliotauglich verwandelt. Entwickeln Sie die Skills einmal und aktivieren Sie dann Design Thinking von Weltklasse in jedem Gespräch