1. Beschreibe die Aufgabe
Claude ist in der Lage, großartige visuelle Designs zu erstellen, wenn klare Anweisungen und Beispiele gegeben werden. Um jedoch routinemäßig hochwertige Ergebnisse zu erzielen, sind oft detailliertes Prompting und iterative Verfeinerungen erforderlich, was zeitaufwändig und kontextintensiv sein kann. Mit Skills kannst du diesen Prozess einmal verpacken und dann hochwertiges Designdenken schnell in jedem Gespräch aktivieren.
Sag Claude, dass du den ultimativen Design-Skill erstellen möchtest, der jede visuelle Arbeit auf ein höheres Niveau hebt. Teile mit, was im Skill enthalten sein soll, wie bestimmte Frameworks, Standards und Prozesse, an die sich Claude beim Gestalten von Ausgaben halten soll.
Ich erstelle mit Claude viele visuelle Ausgaben – Präsentationen, Dashboards, Berichte, HTML-Seiten. Sie sind funktional, wirken aber immer generisch, eher wie erste Entwürfe als wie ausgefeilte Arbeit. Ich möchte, dass sie so aussehen, als hätten sie mehrere Runden professioneller Designverfeinerung durchlaufen.
Ich möchte einen Skill erstellen, der automatisch Designdenken auf jede visuelle Ausgabe anwendet, die ich anfordere. Etwas, das Claude dazu bringt, Designentscheidungen zu hinterfragen, Best Practices zu referenzieren und vor der Auslieferung auf Exzellenz zu drängen.
Der Skill sollte sich immer dann aktivieren, wenn ich nach Präsentationen, Tabellenkalkulationen, HTML-Artefakten, PDFs oder irgendetwas Visuellem frage. Claude sollte:
- Mit einer funktionalen Version beginnen und diese dann verbessern
- Jede Designentscheidung hinterfragen (Typografie, Farbe, Layout, Abstände)
- Sich an professionellen Designreferenzen orientieren (Stripe, Linear, Apple, Bauhaus, Swiss Design)
- Spezifische visuelle Techniken anwenden statt generischer Standards
- Mutige Entscheidungen mit geschmackvoller Zurückhaltung ausbalancieren
- Sicherstellen, dass das Endergebnis handgefertigt wirkt, nicht vorlagenbasiert
Ich möchte, dass der Skill Referenzdateien hat, die Claude konsultiert:
- Eine Checkliste zur Design-Befragung (Fragen, die vor der Auslieferung gestellt werden sollten)
- Einen Technikkatalog (spezifische visuelle Kunstgriffe, organisiert nach dem, was sie erreichen)
- Eine Referenzbibliothek (Designvorbilder und Prinzipien, aus denen geschöpft werden kann)
- Ein Elevation-Protokoll (systematischer Prozess zur Verfeinerung)
- Eine Designphilosophie (Prinzipien zum Ausbalancieren von Expertise mit Zurückhaltung)
Das Ziel ist, dass Claude, wenn ich frage „erstelle ein Sales-Dashboard" oder „erstelle ein Präsentationsdeck", automatisch wie ein Design-Direktor denkt, der keine generische Ausgabe akzeptieren würde. Der Nutzer sieht nur das ausgefeilte Ergebnis, sofern er nicht ausdrücklich darum bittet, den Designdenkprozess zu sehen. Hilf mir, diesen Skill mit allen notwendigen Referenzdateien zu erstellen.
2. Gib Claude Kontext
Erforderlicher Kontext
Dieser Workflow nutzt Claudes Skills(öffnet in neuem Tab)-System. Stelle unter Einstellungen > Funktionen > Skills(öffnet in neuem Tab) sicher, dass Codeausführung und Dateierstellung aktiviert sind, damit Claude die Möglichkeit hat, Skills zu erstellen und zu nutzen.
3. Was Claude erstellt
Claude erstellt eine vollständige Skill-Struktur mit einer Hauptanweisungsdatei und unterstützenden Referenzen. Der Skill ist sofort nutzbar, sobald er zu deiner Claude-Skills-Bibliothek hinzugefügt wurde. Sobald du in einem Chat auf „Design-Exzellenz" verweist, wendet Claude automatisch das visuelle Denken des Skills auf das an, was du gerade erstellst.
Ich habe deinen Design-Elevation-Skill erstellt. Dieser enthält eine Haupt-SKILL.md-Datei, die definiert, wann und wie sich der Skill aktiviert, sowie fünf Referenzdateien zum Nachschlagen.
Zeige deine design-elevation/SKILL.md
Referenzdateien:
DESIGN_INTERROGATION.md anzeigen
Fünf Ebenen der Befragung, die Claude durchläuft, bevor er ein Design ausliefert: Grundprinzipien (wofür ist das?), Element-für-Element-Analyse (Typografie, Farbe, Layout), Referenzprüfung (was könnte man daraus lernen?), Einzigartigkeitsbewertung und Entfernungstest.
TECHNIQUE_CATALOG.md anzeigen
Ein umfassendes Vokabular von über 400 visuellen Techniken, organisiert nach dem, was sie erreichen – Typografie als Form, Farbphänomene, Tiefenillusion, Texturqualität, Bewegung, räumliche Komposition. Claude wählt 1-2 Techniken aus, die stark angewendet werden, statt viele schwach.
REFERENCE_LIBRARY.md anzeigen
Kuratierte Designvorbilder von modernen Unternehmen (Stripe, Linear, Airbnb), historischen Bewegungen (Bauhaus, Swiss Design), natürlichen Mustern (Fibonacci, Voronoi) und bewährten Typografiekombinationen. Claude konsultiert dies, um die Designrichtung zu bestimmen.
ELEVATION_PROTOCOL.md anzeigen
Ein 8-phasiger systematischer Prozess: Grundlagenbewertung, anfängliche Befragung, Technikauswahl, Referenzprüfung, disziplinierte Anwendung, Zurückhaltungsprüfung, letzter Feinschliff und Einzigartigkeitsbestätigung.
DESIGN_PHILOSOPHY.md anzeigen
Kernprinzipien zum Ausbalancieren beeindruckender Expertise mit Zurückhaltung – wann man mutig und wann zurückhaltend sein sollte, wie sich Expertise in Details zeigt, warum einzigartig nicht überladen bedeutet, und wie man Design unausweichlich wirken lässt.
So verwendest du diesen Skill:
- Füge den gesamten Ordner
design-elevationzu deinem Skills-Verzeichnis hinzu - Beim nächsten Mal, wenn du eine visuelle Ausgabe anforderst, konsultiert Claude automatisch diese Dateien
- Du erhältst verbesserte Ausgaben, ohne jedes Mal Designanforderungen angeben zu müssen
Möchtest du, dass ich einen der Referenzinhalte anpasse oder zusätzliche Techniken zum Katalog hinzufüge?
4. Folgeprompts
Setze das Gespräch mit Claude fort, um weiter zu verfeinern, zu erweitern oder zu erkunden.
Sieh den Skill in Aktion
Verwende diesen Skill, um bestehende Arbeit zu bewerten und zu verbessern. Claude kann die Ausgabe neu erstellen, indem es die integrierten Techniken aus dem Skill anwendet.
Lass uns diesen Skill testen. Erstelle ein vierteljährliches Leistungsdashboard. Verwende den Design-Elevation-Prozess und zeige mir sowohl die anfängliche funktionale Version als auch das verbesserte Ergebnis, damit ich den Unterschied sehen kann.
Kombiniere mit MCP-Verbindungen
Sieh, wie deine verpackte Expertise innerhalb von Skills zusammen mit deinen Tools funktioniert, sobald sie über Konnektoren(öffnet in neuem Tab) aktiviert sind.
Ich habe Google Drive über MCP verbunden. Wie würde dieser Design-Skill funktionieren, wenn ich dich bitte, eine bestehende Präsentation aus meinem Drive zu holen und zu verbessern? Zeig mir, wie der Skill und die MCP-Verbindung zusammenarbeiten.
Erweitere den Technikkatalog
Vertiefe das Vokabular des Skills in bestimmten Bereichen. Oder integriere deine Qualitätsstandards und spezifischen Beispiele in die Skill-Anweisungen oder das Framework. Dies hilft Claude, deine gewünschte Ausgabe klarer zu verstehen.
Füge speziell Techniken für Datenvisualisierung hinzu – Diagrammgestaltung, Dashboard-Layouts und Möglichkeiten, Zahlen visuell überzeugender zu machen. Ich arbeite außerdem im Fintech-Bereich. Füge branchenführende Finanzdesign-Vorbilder zur Referenzbibliothek hinzu.
5. Tricks, Tipps und Fehlerbehebung
Entwickle den Skill durch Nutzung und Verfeinerung weiter
Nachdem du den Skill mehrmals angewendet hast, wirst du Muster erkennen: Vielleicht möchtest du konsequent mutigere Farbwahlen, eine dichtere Informationsdichte oder bestimmte Typografiepräferenzen. Nutze dieses Feedback, um die Skill-Datei selbst zu aktualisieren und deine sich entwickelnden Standards einzubetten. Füge neue Qualitätskriterien hinzu, die dir wichtig sind. Integriere Screenshots von Arbeiten, die du liebst, als Referenzbeispiele. Der Skill kann mit der Zeit persönlicher werden.
Skills nutzen progressive Offenlegung, um effizient zu bleiben
Wenn Claude an einer Aufgabe arbeitet, scannt es zunächst die Skill-Metadaten (die Beschreibung oben), um zu sehen, ob der Skill relevant ist. Nur wenn er passt, lädt Claude die vollständigen Anweisungen. Referenzdateien werden nur geladen, wenn sie tatsächlich benötigt werden. Das bedeutet, du kannst viele Skills verfügbar haben, ohne Claudes Kontext zu überlasten. Die über 400 Techniken deines Design-Skills werden erst geladen, wenn Claude tatsächlich Techniken für eine bestimmte Schwachstelle auswählen muss.
Fragen zu Qualitätsstandards drängen über Standardlösungen hinaus zu bewussten Entscheidungen
Der Skill zwingt Claude, gegen Qualitätsstandards und Benchmarks zu bewerten. Der Skill bettet außerdem Iteration als Prozess innerhalb des Skills ein, statt mehrerer Prompting-Runden. Diese Technik wird verwendet, damit Claude generische Entscheidungen ablehnt und sich für kreativere und einzigartigere Designentscheidungen entscheidet.
6. Bereit, es selbst auszuprobieren?
Erstelle deinen Design-Exzellenz-Skill und beobachte, wie sich jede visuelle Ausgabe von funktional zu portfoliowürdig verwandelt. Baue den Skill einmal und aktiviere dann erstklassiges Designdenken in jedem Gespräch