Zweckgerichtete Produktoberflächen gestalten
Generische Dashboards lassen Produkte austauschbar wirken und erschweren das Erfassen auf einen Blick. Diese Skill leitet Claude, Codex und Claude Code dabei an, fokussierte Produktoberflächen mit klaren Systemen zu gestalten.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "interface-design" from https://skillstore.io/skills/dammyjay93-interface-design.md and its manifest at https://skillstore.io/api/skills/dammyjay93-interface-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.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„interface-design“ wird verwendet. Ein Produktteam benötigt ein Wartungsdashboard für Außendiensttechniker.
Erwartetes Ergebnis:
„interface-design“ wird verwendet. Ein Entwickler bittet um eine Prüfung einer bestehenden Einstellungsseite.
Erwartetes Ergebnis:
„interface-design“ wird verwendet. Ein Gründer möchte, dass zukünftige Produkt-Screens konsistent wirken.
Erwartetes Ergebnis:
All 22 static findings appear to be false positives from Markdown examples, inline code formatting, and design prose. No evidence found for shell execution, system reconnaissance, prompt injection, network access, or data exfiltration.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/dammyjay93-interface-design/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/dammyjay93-interface-design?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/dammyjay93-interface-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dammyjay93-interface-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/dammyjay93-interface-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>dammyjay93. (2026). interface-design security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dammyjay93-interface-design/audits/4@techreport{dammyjay93-dammyjay93-interface-design-2026,
author = {dammyjay93},
title = {interface-design security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/dammyjay93-interface-design/audits/4},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "interface-design security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "dammyjay93"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/dammyjay93-interface-design/audits/4"
identifiers:
- type: other
value: "skillstore:dammyjay93-interface-design:audit:4"
description: "Skillstore immutable audit report identifier"
Die Produktdomäne erkunden, eine prägnante Richtung wählen und Layout, Farbe und Hierarchie vor der Umsetzung definieren.
Abstände, Flächen, Steuerelemente, Zustände und Typografie prüfen, damit die Oberfläche bewusst gestaltet und konsistent wirkt.
Wiederverwendbare Interface-Entscheidungen erfassen, damit zukünftige Screens derselben Produktlogik und demselben visuellen System folgen.
Nutze die interface-design skill, um die Domäne für eine neue Produktoberfläche zu erkunden. Identifiziere den Nutzer, die Aufgabe, die Farbwelt, das Signatur-Element und abzulehnende Standardlösungen.
Gestalte ein Dashboard mit einem klaren Navigationsmodell, einer Flächenhierarchie, einer Abstandsskala, Zuständen für Steuerelemente und einer domänenspezifischen visuellen Sprache.
Prüfe dieses Interface auf generische Muster, schwache Hierarchie, inkonsistente Tokens, fehlende Zustände und unklare Produktabsicht. Empfiehl konkrete Änderungen.
Extrahiere wiederverwendbare Muster aus diesem Interface und schlage vor, was für zukünftige Screens gespeichert werden sollte, einschließlich Abständen, Tiefe, Komponenten und visueller Richtung.
Autor
dammyjay93Lizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Repository
https://github.com/dammyjay93/interface-design/tree/main/.claude/skills/interface-design/Ref.
34f316ba14ef36c7a620fc09f2676d2429997a77
Aktualität der Wartung
18.7.2026
Nutzung
6 Downloads · 137 Aufrufe
Dateistruktur
Build Consistent Design Systems and Slides
von nextlevelbuilder
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
UX mit forschungsgestützter Designberatung verbessern
von shubhamsaboo
Teams entwerfen Abläufe oft auf Basis von Annahmen und übersehen Barrierefreiheitsprobleme. Dieser Skill unterstützt Forschung, Struktur, Interaktionsdesign und Reviews anhand von UX-Best-Practices.
Visuelles Frontend-Design verbessern
von Barnhardt-Enterprises-Inc
Generische Frontend-Bildschirme sehen oft ähnlich aus und verfehlen den Markenfokus. Dieser Skill leitet Entscheidungen zu Typografie, Farbe, Bewegung und Tiefe für klarere Interfaces.
KPI-Dashboards entwerfen, die Entscheidungen voranbringen
von wshobson
Teams erstellen oft Dashboards, die viele Zahlen zeigen, aber nicht zum Handeln anleiten. Diese Skill hilft Claude, Codex und Claude Code dabei, aussagekräftige KPIs auszuwählen, Ansichten zu strukturieren und Kennzahlen klar darzustellen.
Barrierefreie Produktoberflächen gestalten
von sickn33
Teams haben oft Schwierigkeiten, Nutzerbedürfnisse in konsistente, barrierefreie Oberflächen zu überführen. Dieser Skill unterstützt bei Recherche, Abläufen, Designsystemen, Tokens und Handoff.
Bessere Google Stitch UI-Prompts erstellen
von sickn33
Google Stitch kann generische Designs erzeugen, wenn Prompts nicht detailliert genug sind. Diese Skill bietet strukturierte Prompt-Anleitung für Screens, Flows, visuellen Stil, Barrierefreiheit und Handoff.