Android Design Guidelines
Skill Verifiziert AktivMaterial Design 3- und Android-Plattformrichtlinien. Verwenden Sie dies beim Erstellen von Android-Apps mit Jetpack Compose oder XML-Layouts, bei der Implementierung von Material You, Navigation oder Barrierefreiheit. Löst bei Aufgaben aus, die sich auf Android UI, Compose-Komponenten, dynamische Farben oder die Einhaltung von Material Design beziehen.
Entwickler zu leiten, Android-Anwendungen zu erstellen, die Material Design 3 und plattformspezifische Best Practices befolgen, um Konsistenz, Benutzerfreundlichkeit und Barrierefreiheit zu gewährleisten.
Funktionen
- Material Design 3 und Android-Plattformrichtlinien
- Jetpack Compose und XML-Layout-Beispiele
- Implementierung von Material You und dynamischen Farben
- Navigationsmuster (Bottom Bar, Rail, Drawer)
- Best Practices für Barrierefreiheit (TalkBack, Touch-Ziele, Kontrast)
- Regeln für reaktionsfähige Layouts unter Verwendung von Fenstergrößenklassen
- Komponentenspezifische Anleitungen (FAB, Top App Bar, Dialoge usw.)
Anwendungsfälle
- Erstellung neuer Android-Apps mit Material Design 3
- Überprüfung des Codes bestehender Android-Apps auf Einhaltung von Richtlinien
- Implementierung von dynamischer Farbgebung und Material You-Theming
- Gestaltung von barrierefreien Android-Benutzeroberflächen
- Auswahl geeigneter Navigationsmuster für verschiedene Bildschirmgrößen
Nicht-Ziele
- Bereitstellung konkreter Codeimplementierungen (nur Beispiele)
- Ersetzen der offiziellen Android- oder Material Design-Dokumentation
- Automatisierte UI-Gestaltung (bietet Anleitungen, keine Generierung)
Installation
npx skills add ehmo/platform-design-skillsFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Baseline Ui
100Validiert Animationsdauern, erzwingt die Typografieskala, prüft die Barrierefreiheit von Komponenten und verhindert Anti-Patterns im Layout von Tailwind CSS-Projekten. Verwenden Sie dies beim Erstellen von UI-Komponenten, beim Überprüfen von CSS-Dienstprogrammen, beim Stylen von React-Ansichten oder beim Erzwingen von Designkonsistenz.
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Review Ux Ui
99Review user experience and interface design using Nielsen's heuristics, WCAG 2.1 accessibility guidelines, keyboard and screen reader audit, user flow analysis, cognitive load assessment, and form usability evaluation. Use when conducting a usability review before release, assessing WCAG 2.1 accessibility compliance, evaluating user flows for efficiency, reviewing form design, or performing a heuristic evaluation of an existing interface.
Fixing Accessibility
100Prüft und behebt HTML-Barrierefreiheitsprobleme, einschließlich ARIA-Labels, Tastaturnavigation, Fokusverwaltung, Farbkontrast und Formularfehlern. Verwenden Sie dies beim Hinzufügen interaktiver Steuerelemente, Formulare, Dialogfelder oder bei der Überprüfung der WCAG-Konformität.
Noob Mode
100Plain-English translation layer for non-technical Copilot CLI users. Translates every approval prompt, error message, and technical output into clear, jargon-free English with color-coded risk indicators.
Design Audit
100Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan