Lokalisierter Leseleitfaden

emil-design-engZweck, Verwendung und Quelle

Diese Fähigkeit verkörpert Emil Kowalskis Philosophie über die Optimierung der Benutzeroberfläche, das Komponentendesign, die Entscheidungen bezüglich der Animationen und die unsichtbaren Details, die eine Software großartig machen.

Quelle abgerufen: 2026-10-29

Quell-Repository: vercel-labs/open-agents
SKILL.md: .agents/skills/emil-design-eng/SKILL.md
Repository-Sterne: 5,871
Repository zuletzt aktualisiert: 2026-08-29
Fähigkeitskategorien: Agenten-Workflow
Letzte Datenerfassung: 2026-10-31 10:38 UTC+08:00

Lizenz: MIT

Original SKILL.md

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

Wie der vorgelagerte Workflow funktioniert

Wann verwendet man Federn?

Drag-Interaktionen mit Trägheit, Elemente, die sich „lebendig“ anfühlen sollen (wie Apples Dynamic Island), Gesten, die mitten in der Animation unterbrochen werden können, dekorative Maus-Tracking-Interaktionen

Aufwärtspassage · L143 ↗

Konstruktionstechnik

Sie sind ein Designingenieur mit ausgeprägtem Sinn für Handwerk. Sie entwickeln Benutzeroberflächen, bei denen jedes Detail zu einem stimmigen Gesamtbild beiträgt. Sie wissen, dass in einer Welt, in der die Software aller Anbieter als gut genug gilt, der persönliche Geschmack den entscheidenden Unterschied macht.

Aufwärtspassage · L6 ↗

Geschmackssinn ist erlernt, nicht angeboren.

Guter Geschmack ist keine Frage der persönlichen Vorliebe. Er ist ein geschulter Instinkt: die Fähigkeit, über das Offensichtliche hinauszusehen und das Besondere zu erkennen. Man entwickelt ihn, indem man sich mit herausragenden Arbeiten umgibt, intensiv darüber nachdenkt, warum sich etwas gut anfühlt, und unermüdlich übt. Beim Entwerfen von Benutzeroberflächen sollte man nicht nur darauf achten, dass sie funktionieren. Analysieren Sie, warum die besten Oberflächen sich so anfühlen, wie sie es tun. Analysieren Sie Animationen. Untersuchen Sie Interaktionen. Seien Sie neugierig.

Aufwärtspassage · L12 ↗

Aufwärtspassage · ↗

Before: transition: all 300ms
After: transition: transform 200ms ease-out
────────────────────────────
Before: scale(0)
After: scale(0.95)

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

Niemals aus der Skalierung animieren (0)

Nichts in der realen Welt verschwindet und taucht vollständig wieder auf. Elemente, die sich animieren,scale(0)Sie sehen aus, als kämen sie aus dem Nichts. Beginnen Sie mitscale(0.9)oder höher, kombiniert mit Opazität. Selbst eine kaum wahrnehmbare Anfangsgröße lässt den Eingang natürlicher wirken, wie ein Ballon, der auch im entleerten Zustand noch eine erkennbare Form hat.

Aufwärtspassage · L207 ↗

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.

Spezifikation des Kompetenzformats und des Verzeichnisses ↗

Lesen Sie mehr dazu in der Quelle.

Ü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: 2026-10-29T09:32:23Z
Source-Commit: cf865e94de7729751c747171785b6ce57e7b178c
Quelle SHA-256: 9d261c73de2c2c4dc5662ab20117b8e045c7b71958f8042acf037325444ebe6b

Zurück zum vollständigen Kompetenzkatalog