polish

Übersicht

Was ist die polish Skill?

Die polish Skill richtet sich an UI-Designer und Frontend-Entwickler, die ihre Benutzeroberfläche von funktional zu herausragend verbessern möchten. Sie konzentriert sich auf einen sorgfältigen abschließenden Qualitätscheck, bei dem Ausrichtung, Abstände, Konsistenz und Mikrodetails vor dem Versand überprüft und korrigiert werden. Diese Skill ist ideal, wenn Sie letzte Schliffe benötigen, eine Vorab-Überprüfung durchführen oder subtile visuelle und Interaktionsfehler beheben möchten, die ein Produkt wirklich poliert wirken lassen.

Wer sollte polish verwenden?

• UI-Designer, die pixelgenaue Ergebnisse anstreben
• Frontend-Entwickler, die mit React oder ähnlichen Frameworks arbeiten
• Teams, die sich auf eine wichtige Veröffentlichung vorbereiten oder ihre Qualitätsstandards erhöhen wollen
• Alle, die bemerken, dass "etwas nicht stimmt" oder von gut zu großartig wechseln möchten

Gelöste Probleme

• Visuelle Inkonsistenzen und Fehlplatzierungen
• Abstands- und Rasterprobleme
• Lücken bei Interaktionszuständen und Randfällen
• Inkonsistenzen bei Texten und Inhalten
• Lade- und Übergangsflüssigkeit

Anwendung

Installationsschritte

1. Installieren Sie die polish Skill mit:
   npx skills add https://github.com/pbakaus/impeccable --skill polish
2. Beginnen Sie mit der Datei SKILL.md für Anleitungen zum Workflow.
3. Lesen Sie unterstützende Dateien wie README.md, AGENTS.md und metadata.json für Kontext und Best Practices.

Vorbereitung

• Rufen Sie $frontend-design auf, um Designprinzipien und Kontext zu sammeln.
• Falls kein Designkontext vorhanden ist, führen Sie zuerst $teach-impeccable aus.
• Legen Sie Ihre Qualitätsanforderungen (MVP vs. Flaggschiff) und den Versandzeitplan fest.

Workflow-Anwendung

• Führen Sie eine Vor-Politur-Bewertung durch: Stellen Sie die funktionale Vollständigkeit sicher, identifizieren Sie Bereiche, die poliert werden müssen, und markieren Sie bekannte Probleme.
• Bearbeiten Sie systematisch visuelle Ausrichtung, Abstände, Interaktionszustände, Texte, Randfälle und Übergänge.
• Nutzen Sie die Abstands-Skala und das Raster für pixelgenaue Ergebnisse.
• polish ist nur als letzter Schritt wirksam – wenden Sie es nicht auf unvollständige Arbeiten an.

Dateistruktur-Hinweise

• Beginnen Sie mit SKILL.md für Schritt-für-Schritt-Anleitungen.
• Erkunden Sie zusätzliche Ordner wie rules/, resources/ und references/ für erweiterte Tipps.

FAQ

Ist polish für Projekte in der frühen Phase geeignet?

Nein. Die polish Skill ist für finale Qualitätschecks an funktional vollständigen Arbeiten gedacht. Verwenden Sie sie bei der Vorbereitung auf den Launch oder zur Qualitätssteigerung.

Kann polish mit jedem Frontend-Framework verwendet werden?

Obwohl sie für React und moderne Frontend-Workflows optimiert ist, gelten die Prinzipien allgemein für UI-Design und Frontend-Entwicklung.

Wo finde ich detaillierte Anleitungen zum Workflow?

Alle Anleitungen finden Sie in SKILL.md und den zugehörigen Dateien. Öffnen Sie den Reiter "Files", um die vollständige Dateistruktur einschließlich Referenzen und Hilfsskripten einzusehen.

Was, wenn mein Projekt keinen Designkontext hat?

Führen Sie $teach-impeccable aus, um vor der Anwendung von polish eine Basis für den Designkontext zu schaffen.

Wie verbessert polish meine UI?

Indem es systematisch Ausrichtung, Abstände und Mikrodetails korrigiert, sorgt polish dafür, dass Ihre Oberfläche kohärent, professionell und benutzerbereit wirkt.