hig-foundations

Überblick über den hig-foundations-Skill

hig-foundations ist der Apple Human Interface Guidelines Foundations Skill für frühe Designentscheidungen, die Klarheit, Zugänglichkeit und die Passung zum System beeinflussen. Verwende den hig-foundations-Skill, wenn du praktische Orientierung zu Farbe, Typografie, Symbolen, Materialien, Motion, Privatsphäre, Layout, RTL oder inklusivem Design für Apple-Plattformen brauchst. Er eignet sich besonders für UI-Designer, Produktteams und Agents, die aus einer groben Interface-Idee Apple-konforme Designentscheidungen ableiten müssen, ohne zu raten.

Wofür hig-foundations gedacht ist

Dieser Skill hilft dabei, vor dem Einstieg in Screens, Komponenten oder Plattformmuster die Frage zu beantworten: „Wie sollte sich das anfühlen und aussehen?“ Besonders nützlich ist er, wenn das Problem grundlegend ist: Kontrast im Dark Mode, Dynamic-Type-Unterstützung, der Einsatz von Systemfarben, die Wahl einer Schrift oder Icons, die nativ wirken sollen. Wenn das Ziel ist, ein Feature an Apple HIG auszurichten statt eine eigene visuelle Sprache zu erfinden, ist hig-foundations der richtige Startpunkt.

Wann hig-foundations die richtige Wahl ist

Nutze hig-foundations für UI Design, wenn du Entscheidungen brauchst, die für eine ganze App gelten und nicht nur für einen einzelnen Screen. Er passt gut zu Fällen wie Brand-Styling auf Apple-Geräten, barrierefreien visuellen Systemen und Foundation-Reviews für Produkt-Specs oder Design-Prompts. Weniger hilfreich ist er, wenn du bereits ein eng umrissenes Interaktionsmuster oder ein plattformspezifisches Implementierungsdetail brauchst.

Die wichtigsten Unterschiede

Der Mehrwert von hig-foundations liegt darin, dass der Skill dich zu System-Defaults und barrierebewussten Entscheidungen führt, statt zu dekorativen Design-Vermutungen. Außerdem verweist er über Querverweise auf verwandte HIG-Bereiche, sodass du von den Grundlagen zu Plattformen, Mustern oder Komponenten weitergehen kannst, ohne neu anzusetzen. Dadurch ist der hig-foundations-Guide praxisnäher als ein generischer Prompt wie „orientiere dich an Apples Stil“.

Wie man den hig-foundations-Skill verwendet

Skill installieren und vorbereiten

Installiere ihn mit npx skills add raintree-technology/apple-hig-skills --skill hig-foundations. Für beste Ergebnisse nutze ihn in einem Workflow, in dem der Agent die Skill-Datei und den umliegenden Kontext prüfen kann, bevor Empfehlungen formuliert werden. Die Installation von hig-foundations ist am wirksamsten, wenn du Produktziel, Zielplattform und Barrierefreiheitsanforderungen direkt mitlieferst.

Dem Skill die richtigen Eingaben geben

Ein schwacher Prompt lautet: „Mach das Apple-artiger.“ Ein stärkerer Prompt lautet: „Wende hig-foundations auf diesen iOS-Onboarding-Screen an: nutze Systemfarben, unterstütze Dynamic Type, halte Motion minimal und sorge dafür, dass die CTA im Dark Mode lesbar bleibt.“ Nenne Plattform, Zielgruppe, bestehende Designvorgaben und jedes bekannte Problem wie Kontrast, unpassende Icons oder RTL-Layout. Je konkreter der aktuelle Stand ist, desto weniger muss der Skill herleiten.

Die Quellen in dieser Reihenfolge lesen

Beginne mit SKILL.md, weil dort die zentralen Entscheidungsregeln und Querverweise stehen. Prüfe danach alle im Skill genannten Repo-Kontexte, insbesondere README.md, AGENTS.md, metadata.json und unterstützende Ordner, falls vorhanden. In diesem Repository steckt das wichtigste praktische Signal in den Hinweisen direkt in SKILL.md; ein kurzer Durchgang dort zeigt meist schon, ob der Einsatz von hig-foundations zu deiner Aufgabe passt.

Workflow, der bessere Ergebnisse liefert

Nutze den Skill in drei Schritten: das UI-Problem definieren, es mit Plattform- und Accessibility-Anforderungen eingrenzen und dann eine Empfehlung oder Überarbeitung anfordern. Zum Beispiel: „Prüfe diese iPad-Einstellungsseite anhand von hig-foundations und schlage Änderungen für Farbe, Hierarchie und Klarheit der Touch Targets vor.“ So bekommt das Modell eine konkrete Designfläche zur Bewertung, statt sie aus dem Nichts erfinden zu müssen. Wenn du mit Copy oder einem Wireframe arbeitest, gib beides mit; Foundation-Empfehlungen werden besser, wenn Text und Layout gemeinsam betrachtet werden.

FAQ zum hig-foundations-Skill

Ist hig-foundations nur für Designer?

Nein. Der hig-foundations-Skill ist nützlich für Designer, PMs, Frontend-Engineers und Agents, die eine Apple-konforme UI-Richtung brauchen. Wenn du Implementierungs-Tickets schreibst oder Interface-Copy prüfst, kann er ebenfalls helfen, weil viele Foundation-Probleme den Code genauso betreffen wie die Optik.

Worin unterscheidet er sich von einem generischen Prompt?

Ein generischer Prompt kann Apple-Stil erwähnen, aber hig-foundations gibt dir einen wiederverwendbaren Entscheidungsrahmen für Grundlagen wie Systemfarben, Zugänglichkeit und visuelle Hierarchie. Das reduziert meist vage Ergebnisse und macht den hig-foundations-Guide für die wiederholte Nutzung über Screens oder Features hinweg zuverlässiger. Er ersetzt zwar keinen Produktkontext, ist aber deutlich disziplinierter als die Bitte um „besseres Design“ in allgemeiner Sprache.

Wann sollte ich diesen Skill nicht verwenden?

Verwende hig-foundations nicht, wenn du ein sehr spezifisches Interaktionsmuster, eine Entscheidung für eine Component Library oder einen tiefen Dive in eine Plattform-Implementierung brauchst. In solchen Fällen ist ein fokussierterer Skill oder ein direkter Plattform-Guide schneller. Vermeide ihn auch, wenn das Design bereits Apple-Konventionen folgt und du nur kleine Copy-Anpassungen brauchst.

Ist er anfängerfreundlich?

Ja, wenn du den Produktscreen und das Problem beschreiben kannst, das du lösen willst. Du musst nicht alle HIG-Begriffe vorher kennen. Der beste Einsatz von hig-foundations entsteht durch einfache, klare Prompts, die Gerät, Problem und Einschränkungen benennen.

So verbesserst du den hig-foundations-Skill

Schärfere Designvorgaben geben

Der größte Qualitätssprung entsteht, wenn du klar sagst, was sich nicht ändern darf: Markenfarbe, bestehendes Layout, unterstützte Sprachen oder minimale Accessibility-Ziele. Formuliere zum Beispiel: „Behalte die aktuelle Struktur bei, mach die Hierarchie Apple-typischer, erhalte den Marken-Akzent und erfülle den Dark-Mode-Kontrast.“ So kann sich der Skill auf Abwägungen konzentrieren, statt offensichtliche Ratschläge zu wiederholen.

Nach Entscheidungen fragen, nicht nach Grundsätzen

Der hig-foundations-Skill ist am stärksten, wenn du ihn etwas auswählen lässt. Frage lieber: „Welche Systemfarben passen zu dieser Status-Karte?“ oder „Soll diese Motion reduziert oder ganz entfernt werden?“ statt „Erkläre Barrierefreiheit“. Konkrete Entscheidungen liefern Output, den du sofort anwenden und schnell prüfen kannst.

Mit dem ersten Entwurf iterieren

Nach der ersten Antwort solltest du den Fokus auf den schwächsten Bereich verengen: Typografie, Kontrast, Iconografie oder Layout-Dichte. Gib das konkrete Problem zurück, zum Beispiel: „Die CTA wirkt zu dominant“ oder „Der Inhalt ist für Dynamic Type immer noch zu dicht.“ Iteration funktioniert mit hig-foundations besonders gut, weil Foundation-Probleme sich meist schichtweise beheben lassen.