📦

apple-design

Name: apple-design
Author: emilkowalski

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle

Fluide, von Apple inspirierte Weboberflächen gestalten

Gestengesteuerte Weboberflächen wirken oft verzögert, starr oder visuell inkonsistent. Diese Skill bietet praktische Anleitung für reaktionsfähige Bewegung, Materialien, Typografie, Barrierefreiheit und Interaktionsdesign.

Unterstützt: Claude Codex Code(CC)

🥉 78 Bronze

Maintain this Skill? Claim it 🥉 78 Bronze

Dieser Skill ist Teil eines Skill-Pakets

Installieren Sie das gesamte Skill-Paket, um mit einem Befehl alle Skills zu erhalten, die die Aufgabe braucht.

KeywayTech Coding Skills · 19 Skills Gesamtes Paket installieren

Mit meinem Agent installieren

Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.

Agent-Anfrage

Review the Skillstore skill "apple-design" from https://skillstore.io/skills/emilkowalski-apple-design.md and its manifest at https://skillstore.io/api/skills/emilkowalski-apple-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.

Agent-lesbare Ressourcen

Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.

Markdown-Detailseite GET /skills/emilkowalski-apple-design.md Signiertes manifest GET /api/skills/emilkowalski-apple-design/manifest Signiertes lockfile GET /api/skills/emilkowalski-apple-design/lockfile

Testen

„apple-design“ wird verwendet. Prüfe ein Kartenkarussell, das erst nach dem Loslassen des Fingers einrastet.

Erwartetes Ergebnis:

Füge während des Ziehens kontinuierliches Eins-zu-eins-Tracking hinzu.
Projiziere die Ruheposition anhand der Loslassgeschwindigkeit, bevor du einen Einrastpunkt auswählst.
Übertrage die Loslassgeschwindigkeit in eine unterbrechbare Feder und bewahre den ursprünglichen Greifversatz.

„apple-design“ wird verwendet. Empfiehl Bewegungen für ein schließbares Einstellungs-Sheet.

Erwartetes Ergebnis:

Nutze eine reaktionsfähige Feder mit begrenztem Nachfedern, symmetrischen Ein- und Ausstiegspfaden, ursprungsbewusstem Startpunkt, Drag-Unterbrechung und einer Überblendung bei reduzierter Bewegung.

„apple-design“ wird verwendet. Prüfe eine transluzente Symbolleiste mit kontrastarmem Text.

Erwartetes Ergebnis:

Erhöhe den Vordergrundkontrast, vermeide gestapelte transluzente Ebenen, verstärke die Materialtrennung und biete solide Alternativen für reduzierte Transparenz und erhöhten Kontrast.

Sicherheitsaudit

Sicher

v2 • 21.7.2026 Versionsbericht öffnen

All 62 static findings are false positives caused by Markdown code delimiters and ordinary design terminology. The single skill file contains educational web-design guidance and examples, with no executable commands, reconnaissance, data collection, or prompt-injection attempt found.

Gescannte Dateien

283

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.

Geprüft von: claude Audit-Verlauf anzeigen →

Diesen Bericht teilen & zitieren

Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/emilkowalski-apple-design/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/emilkowalski-apple-design/security.svg)](https://skillstore.io/skills/emilkowalski-apple-design?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/emilkowalski-apple-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emilkowalski-apple-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/emilkowalski-apple-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Wissenschaftliche Zitate (APA · BibTeX · CFF)

APA-Zitat

emilkowalski. (2026). apple-design security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emilkowalski-apple-design/audits/2

BibTeX-Zitat

@techreport{emilkowalski-emilkowalski-apple-design-2026,
  author = {emilkowalski},
  title = {apple-design security audit report (audit version 2)},
  institution = {Skillstore},
  year = {2026},
  number = {2},
  url = {https://skillstore.io/skills/emilkowalski-apple-design/audits/2},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "apple-design security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
  - name: "emilkowalski"
date-released: "2026-07-21"
url: "https://skillstore.io/skills/emilkowalski-apple-design/audits/2"
identifiers:
  - type: other
    value: "skillstore:emilkowalski-apple-design:audit:2"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Hoch

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Produktinteraktionen verbessern

Prüfen Sie Buttons, Sheets, Drawer und Gesten auf unmittelbares Feedback, Unterbrechbarkeit, Impuls und vorhersehbares räumliches Verhalten.

Fluide Webbewegungen implementieren

Übertragen Sie Interaktionsspezifikationen in Pointer-Ereignisse, Federanimationen, Geschwindigkeitsübergabe, Gummiband-Effekte und barrierefreie Bewegungsalternativen.

Qualität von Oberflächen prüfen

Bewerten Sie vor einer Produktveröffentlichung Bewegung, Materialien, Typografie, Hierarchie, Barrierefreiheit und Interaktionskonsistenz.

Diese Prompts ausprobieren

Grundlegendes Feedback prüfen

Prüfe diese Button-Interaktion auf unmittelbares Feedback und Barrierefreiheit. Identifiziere Latenz, unklare Zustände und konkrete Verbesserungen.

Ein Bottom Sheet gestalten

Gestalte ein mobiles Bottom Sheet mit direktem Ziehen, geschwindigkeitsbewusstem Loslassen, Einrastpunkten, Unterbrechung, Gummiband-Effekten und Verhalten bei reduzierter Bewegung.

Einen Interaktionsablauf prüfen

Prüfe diesen Oberflächenablauf anhand von von Apple inspirierten Prinzipien. Behandle Feedback, räumliche Konsistenz, Gestenkonflikte, Materialien, Typografie, Barrierefreiheit und Handlungsfreiheit der Nutzer.

Ein Bewegungssystem definieren

Erstelle ein Web-Bewegungssystem für diese Komponenten. Definiere Federfamilien, Geschwindigkeitsregeln, Unterbrechungsverhalten, Gestenschwellen, Barrierefreiheitsalternativen und Validierungstests.

Bewährte Praktiken

Testen Sie Interaktionen mit echten Pointer-Bewegungen, Umkehrungen, Unterbrechungen und schnellen wiederholten Eingaben.
Passen Sie Bewegungen vom aktuell sichtbaren Zustand aus an und bewahren Sie die Geschwindigkeit bei Übergaben von Gesten zu Animationen.
Validieren Sie jede Bewegungs- und Materialentscheidung mit Einstellungen für reduzierte Bewegung, Transparenz, Kontrast und Textgröße.

Vermeiden

Sperren Sie Eingaben nicht, bis eine Animation abgeschlossen ist, und starten Sie Bewegungen nicht mit einem veralteten Zielwert neu.
Fügen Sie Nachfedern, Unschärfe, Ton oder Haptik nicht ohne klaren Interaktionszweck hinzu.
Behandeln Sie visuelle Ausarbeitung nicht als Ersatz für vorhersehbare Navigation, lesbaren Text und Nutzerkontrolle.

Häufig gestellte Fragen

Generiert diese Skill vollständigen Oberflächencode?

Es bietet Designrichtlinien und fokussierte Beispiele. Vollständige Produktionskomponenten erfordern weiterhin Implementierung, Integration, Tests und produktspezifische Entscheidungen.

Welche Interaktionen profitieren am meisten von dieser Anleitung?

Drag-, Swipe-, Sheet-, Drawer-, Carousel-, Menü-, Modal-, Slider- und andere gestengesteuerte Interaktionen profitieren am meisten.

Benötigt jede Animation eine Feder?

Nein. Federn eignen sich für unterbrechbare physische Interaktionen, während kurze Überblendungen oder einfache Übergänge für nicht gestengesteuerte Zustandsänderungen geeignet sein können.

Wie berücksichtigt die Skill Barrierefreiheit?

Es behandelt reduzierte Bewegung, reduzierte Transparenz, erhöhten Kontrast, skalierbare Typografie, kontinuierliches Feedback und Alternativen zu vestibulären Bewegungen.

Kann ich diese Prinzipien außerhalb von Apple-Plattformen verwenden?

Ja. Die Anleitung überträgt Interaktions- und Bewegungsprinzipien auf Weboberflächen und berücksichtigt dabei Browser- und Geräteeinschränkungen.

Sind die Beispielwerte für Federn universell?

Nein. Sie sind Ausgangspunkte, die hinsichtlich Komponentengröße, Bewegungsdistanz, Eingabegeschwindigkeit, Bibliotheksverhalten und Produkttonalität angepasst werden müssen.

Entwicklerdetails

Autor

emilkowalski

Lizenz

MIT

Skillstore-Revision

Versionshinweis

Der Autor hat keine Version angegeben.

Repository

https://github.com/emilkowalski/skills/tree/main/skills/apple-design/

Ref.

d1c4c60b80afc545d96b5e8a51c19b2fdc81df70

Aktualität der Wartung

21.7.2026

Nutzung

2 Downloads · 1 Aufrufe

Dateistruktur

📄 SKILL.md

apple-design

Mit meinem Agent installieren

Agent-lesbare Ressourcen

Testen

Sicherheitsaudit

Risikofaktoren

Berichtslink kopieren

Markdown-Badge

HTML-Badge

Einbettungskarte

APA-Zitat

BibTeX-Zitat

CITATION.cff

Skillstore-Score

Was Sie erstellen können

Produktinteraktionen verbessern

Fluide Webbewegungen implementieren

Qualität von Oberflächen prüfen

Diese Prompts ausprobieren

Bewährte Praktiken

Vermeiden

Häufig gestellte Fragen

Entwicklerdetails