Lokalisierter Leseleitfaden
frontend-designZweck, Verwendung und Quelle
Leitfaden für ein unverwechselbares, zielgerichtetes visuelles Design beim Erstellen neuer Benutzeroberflächen oder beim Überarbeiten bestehender. Hilft bei der ästhetischen Ausrichtung, der Typografie und bei der Auswahl von Elementen, die nicht wie vorgefertigte Standardeinstellungen wirken.
Quelle abgerufen:
- Quell-Repository
- anthropics/skills
- SKILL.md
skills/frontend-design/SKILL.md- Repository-Sterne
- 185,373
- Repository zuletzt aktualisiert
- 2026-10-29
- Fähigkeitskategorien
- Design
- Letzte Datenerfassung
Lizenz: Lizenzdatei: Prüfung ausstehend
Die Workflow-Auszüge dienen als Lesehilfe und sind keine ausführbaren Anweisungen von Codez. Für die Erstellung dieser Seite wurde keine Drittanbieter-Skill verwendet.
Die folgenden Abschnitte zu Zweck und Arbeitsablauf sind vorgelagertes Material, das zur besseren Lesbarkeit aufbereitet und übersetzt wurde. Sie unterscheiden sich von der separat gekennzeichneten redaktionellen Analyse von Codez.
Was diese Fähigkeit bewirkt
Leitfaden für ein unverwechselbares, zielgerichtetes visuelles Design beim Erstellen neuer Benutzeroberflächen oder beim Überarbeiten bestehender. Hilft bei der ästhetischen Ausrichtung, der Typografie und bei der Auswahl von Elementen, die nicht wie vorgefertigte Standardeinstellungen wirken.
Wie der vorgelagerte Workflow funktioniert
Prozess: planen, anhand der Vorgaben überprüfen, umsetzen, kritisieren
Zur Kalibrierung konzentriert sich KI-generiertes Design derzeit auf einige Merkmale: einen warmen cremefarbenen Hintergrund (nahe #F).4F1EA) mit einer kontrastreichen Serifenschrift und einem Akzent in Terrakotta oder warmem Ton (oft in der Nähe von #D).97757— Anthropics eigener Claude-Interaktionsakzent, der sich in der Benutzerbeschreibung als verräterisch erweist); ein nahezu schwarzer Hintergrund mit einem einzelnen hellen säuregrünen oder zinnoberroten Akzent; ein Layout im Broadsheet-Stil mit feinen Linien, Null-Randradius und dichten, zeitungszeitungsähnlichen Spalten;
Aufwärtspassage · L36 ↗Frontend-Design
Gehen Sie an diese Aufgabe wie die Designleitung eines Designstudios heran, das dafür bekannt ist, jedem Kunden eine unverwechselbare visuelle Identität zu verleihen. Dieser Kunde hat bereits klischeehafte oder standardisierte Vorschläge abgelehnt und setzt nun auf eine individuelle Perspektive: Treffen Sie bewusste, meinungsstarke Entscheidungen hinsichtlich Farbpalette, Typografie und Layout, die speziell auf dieses Briefing zugeschnitten sind, und gehen Sie gegebenenfalls ästhetische Risiken ein.
Aufwärtspassage · L7 ↗Verankern Sie Ihre Entwürfe im Thema.
Wenn das Briefing das Produkt oder den Gegenstand nicht definiert, legen Sie ihn vor dem Designprozess selbst fest und stimmen Sie ihn mit dem Kunden ab. Sie können als Vorschlag ein konkretes Thema, die Zielgruppe und die Hauptfunktion des Designs formulieren. Falls Sie sich an Kundenpräferenzen oder den Kontext des Projekts erinnern, nutzen Sie diese Informationen als Anhaltspunkt. Branche, Thema, Materialien und die jeweilige Ausdrucksweise bilden die Grundlage für unverwechselbare visuelle Merkmale – beispielsweise ein Design für ein Spielzeug für Mädchen im Alter von …8–11Es wird sich ästhetisch deutlich von einem Dashboard für Finanzanalysten unterscheiden. Beziehen Sie die tatsächlichen Inhalte und Themen des Briefings durchgehend mit ein.
Aufwärtspassage · L11 ↗Anforderungen und Einrichtung
Aus dieser Datei wurde kein Abschnitt mit kurzen Anforderungen ausgewählt. Dies bedeutet nicht, dass die Fertigkeit keine Abhängigkeiten hat. Überprüfen Sie die Anweisungen zur Repository-Einrichtung und die referenzierten Dateien.
Grenzwerte und Qualitätskontrollen
Aus dieser Datei wurde kein separater Grenzwertabschnitt ausgewählt. Dies bedeutet nicht, dass die Anwendung für jede Eingabe oder Umgebung geeignet ist. Überprüfen Sie den vollständigen Quellcode und validieren Sie Ihr Ergebnis selbst.
Beginnen Sie mit einem sicheren Testlauf
- Prüfen Sie den unterstützten Host und die Installationsanweisungen für das Repository. Halten Sie das Skill-Verzeichnis und die darin enthaltenen Skripte, Assets und Dokumentationen zusammen;SKILL.mdEine Einzelperson kann Abhängigkeiten außer Acht lassen.
- Geben Sie dem Agenten Ihre tatsächlichen Eingaben, die gewünschten Ausgaben und die Akzeptanzkriterien an. Aufrufsyntax und verfügbare Tools hängen vom Hostsystem ab; diese Website geht nicht von einem universellen Installationsbefehl aus.
- Testen Sie den Quellworkflow in einem temporären Projekt oder auf einer Kopie. Überprüfen Sie Vorgänge, die Dateien, Remote-Dienste oder abrechnungsfähige Ressourcen ändern, bevor Sie diese zulassen.
- Überprüfen Sie die Ausgabe anhand der Quellqualitätsprüfungen und Ihrer eigenen Anforderungen. Ein erfolgreicher Trigger oder eine hohe Anzahl von Sternen im Repository garantiert kein korrektes Ergebnis.
Lesen Sie mehr dazu in der Quelle.
Verwandte Fähigkeiten
Übersetzung und Umfang
Dieser Leseleitfaden wählt Passagen aus dem markierten stromaufwärts gelegenen Abschnitt aus.SKILL.mdDie Übersetzung wurde unterstützt. Es handelt sich weder um ein vollständiges Handbuch noch um eine Garantie für geprüfte Kompatibilität. Lesen Sie vor der Verwendung das Original und die darin referenzierten Dateien.
Diese Einleitung bezieht sich auf die unten angepinnte Version; die aktuelle Repository-Aktivität und der Erfassungszeitpunkt werden separat angezeigt.
- Angeheftete Quelle
- Lesen Sie das Original ↗
- Quelle abgerufen
- Source-Commit
ca45fc496a3436251f191354091d557da31c15b5- Quelle SHA-256
d91970639e9f5c37682ac7ab60094d35f1c7c1f38d731bd56396563aee10c1d3