Elite UI-Designstudio
UI-Design, Designsysteme und Reviews
Elite UI-Designstudio
UI-Design, Designsysteme und Reviews
Einblicke
Beschreibung
Ein hochkarätiger UI-Design-Spezialist für Web, Mobile und Desktop. Er prüft und verbessert bestehende Benutzeroberflächen, erstellt ausführbaren UI-Code, entwickelt kompakte Designsysteme und Spezifikationen und generiert visuelle Konzept-Mockups – stets mit hohem Anspruch an Gestaltung, Benutzerfreundlichkeit und Barrierefreiheit. Jedes Ergebnis ist bewusst unverwechselbar statt generisch gestaltet, mit klarer Hierarchie, einem kohärenten visuellen System, responsiven Layouts und vollständiger Abdeckung aller Zustände. Dabei gilt eine strikte Disziplin bei der Tokenökonomie: Das Artefakt wird direkt geliefert, ohne Vorrede, Wiederholungen oder Fülltext. Die Ausgabesprache richtet sich nach der Sprache des Nutzers.
Ähnliche Fähigkeiten
Alle anzeigen
WebseiteDesign-zu-Ergebnis Studio
Verwandeln Sie grobe Ideen, Inhalte oder Screenshots durch einen strukturierten 8-Phasen-Workflow in ausgefeilte, implementierungsbereite Designdokumente. ### Für wen es gedacht ist Gründer, Produktmanager, Vermarkter, Pädagogen, Kreative und Entwickler, die zugängliches visuelles Design und sauberen Frontend-Code ohne langes Ausprobieren benötigen. ### Was Sie bereitstellen - Ihr Designziel und Ihre Zielgruppe (SaaS-Landingpage, Dashboard, mobile Benutzeroberfläche, druckbares Arbeitsblatt, Social-Media-Grafik, Poster oder Brand-Kit). - Alle erforderlichen Texte, Maße, Markenfarben oder Referenz-Screenshots (wird dies weggelassen, wendet der Skill sinnvolle Standardwerte an und legt diese offen). ### So funktioniert es 1. **Briefing & Strategie**: Extrahiert Ihre Ziele und Einschränkungen, markiert frühzeitig widersprüchliche Spezifikationen und wählt eine maßgeschneiderte Strategie (Konversion, Effizienz, Lesbarkeit/Druck oder Barrierefreiheit). 2. **Visuelles System**: Legt eine semantische Farbpalette (mit WCAG 2.2 AA-Kontrastberechnung), eine modulare Typografieskala und ein Raster von 4px/8px fest. 3. **Produktion & intelligente Fallbacks**: Generiert semantisches HTML5/CSS3, skalierbare SVG-Vektoren, druckfertige Arbeitsblätter (`@page` / `@media print`) sowie W3C-Design-Tokens – plus 3 eigenständige Bild-Prompts (Strenge Hierarchie, Kreative Ästhetik, Hybrid), falls keine Rasterbild-Tools aktiv sind. 4. **Ehrsamer 4-Zustände-QA**: Prüft Kontraste, Beschriftungen, Links und Druckgeometrie und kennzeichnet jede Prüfung als `VERIFIED`, `NOT VERIFIED`, `FAILED` oder `NOT APPLICABLE`. ### Was Sie erhalten - Prägnantes Design-Briefing und Token-Tabelle des visuellen Systems - Implementierungsbereite HTML/CSS/SVG-Dateien oder druckbare Layouts - 4-Zustände-QA-Bericht mit Bearbeitungs- und Exportanweisungen ### Grenzen Ausgabe offener Formate (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`), die in Figma/Illustrator importiert werden können, statt geschlossener Binärdateien (`.fig`, `.psd`). Kommerzielle CMYK-Druckfreigaben und rechtliche Markenprüfungen erfordern eine menschliche Überprüfung.
SwiftUI-Experte
Ein erstklassiger Engineering-Begleiter für SwiftUI-Entwickler. Er deckt das gesamte Spektrum der täglichen SwiftUI-Arbeit ab: Probleme analysieren und debuggen, Architekturentscheidungen treffen, View-Komposition und Zustandsverwaltung entwerfen, neue Funktionen entwickeln, bestehenden Code prüfen und optimieren sowie moderne SwiftUI-Best Practices anwenden (Swift-6-Concurrency, das Observation-Framework, NavigationStack), einschließlich Performance, Barrierefreiheit und der Apple Human Interface Guidelines. Die Ausführlichkeit passt sich der Aufgabe an: eine kurze Lösung für kleine Probleme und einen vollständigen Engineering-Bericht (Diagnose, architektonische Begründung, Code, Abwägungen, Selbstprüfung) für komplexe Aufgaben. Ziel ist stets kompilierbarer, aktueller und produktionsreifer SwiftUI-Code. Die Antworten erfolgen in der Sprache des Nutzers.
App-UI/UX-Fehlerbehebung
Verwandeln Sie bestehende Android- und iOS-App-Screenshots in klare UI/UX-Verbesserungen, die Ihr Entwickler umsetzen kann. Für jede Änderung erhalten Sie: • Ein sauberes Mockup, das das vorgeschlagene Ergebnis zeigt. • Ein passendes, mit nummerierten Pfeilen kommentiertes Bild. • Einen kopierbaren Implementierungs-Prompt, der erklärt, was geändert und was beibehalten werden soll, wie Interaktionen funktionieren und wie das Ergebnis überprüft wird. Entwickelt für App-Inhaber, Entwickler und Designer, die mit menschlichen Programmierern oder KI-Coding-Assistenten arbeiten. Bewahrt standardmäßig die Identität Ihrer Anwendung und konzentriert sich auf die Probleme, die Sie lösen möchten. Berücksichtigt kleine und große Bildschirme, Textskalierung, Barrierefreiheit sowie mehrsprachige RTL/LTR-Layouts. Englisch ist die Standardsprache. Der Skill antwortet in der Sprache des Benutzers, sofern diese erkennbar ist, und behält die Oberflächenerscheinung der Anwendung bei, es sei denn, eine Übersetzung wird gewünscht. Erfordert Bildverständnis-, Bilderstellungs- und Referenzbild-Bearbeitungsfunktionen für visuelle Ergebnisse. Erstellt Designvorschläge und Entwickleranweisungen – keine kompilierte, implementierte oder getestete Anwendung.
Informationen
- Version
- v3
- Zuletzt aktualisiert
- Credits pro Ausführung
- Nach Verbrauch
- Modelle
- Automatisch
