UI- und UX-Design-Workflows verbessern
Interface-Arbeit erfordert oft konsistente Gestaltung, Barrierefreiheit und stack-spezifische Anleitung. Dieser Skill gibt Claude, Codex und Claude Code eine durchsuchbare UI/UX-Referenz für Planung, Erstellung und Review von Designs.
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.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "ui-ux-pro-max" from https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max.md and its manifest at https://skillstore.io/api/skills/nextlevelbuilder-ui-ux-pro-max/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.
„ui-ux-pro-max“ wird verwendet. Entwirf ein professionelles SaaS-Dashboard für Analytics.
Erwartetes Ergebnis:
„ui-ux-pro-max“ wird verwendet. Überprüfe diese Landingpage auf Feinschliff.
Erwartetes Ergebnis:
„ui-ux-pro-max“ wird verwendet. Erstelle eine Landingpage für einen Beauty-Service mit Tailwind.
Erwartetes Ergebnis:
Most static findings are false positives caused by Markdown formatting and CSV reference data for UI/UX guidance. The real security concern is that SKILL.md includes package-manager installation commands, including sudo apt and Windows winget examples, which can modify the user system and require confirmation. Static review was capped at 400/515 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.
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/nextlevelbuilder-ui-ux-pro-max/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/nextlevelbuilder-ui-ux-pro-max/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/nextlevelbuilder-ui-ux-pro-max.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>nextlevelbuilder. (2026). ui-ux-pro-max security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10@techreport{nextlevelbuilder-nextlevelbuilder-ui-ux-pro-max-2026,
author = {nextlevelbuilder},
title = {ui-ux-pro-max security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10},
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: "ui-ux-pro-max security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "nextlevelbuilder"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/nextlevelbuilder-ui-ux-pro-max/audits/10"
identifiers:
- type: other
value: "skillstore:nextlevelbuilder-ui-ux-pro-max:audit:10"
description: "Skillstore immutable audit report identifier"
Jeder Autor bleibt ein eigener installierbarer Skill. Die empfohlene Variante wird nach Skillstore-Nachweisen bewertet.
Warum diese Variante zuerst steht
nextlevelbuilder-ui-ux-pro-max
2026-09-09
dcjanus-ui-ux-pro-max
2026-09-09
sickn33-ui-ux-pro-max
2026-09-09
zhanlincui-ui-ux-pro-max
2026-09-09
Stil, Farben, Typografie, Abschnitte und CTA-Strategie vor dem Aufbau einer Landingpage auswählen.
Eine UI auf Abstände, Kontrast, Hover-Feedback, responsives Verhalten, Icons und Barrierefreiheitsprobleme prüfen.
Framework-spezifische Empfehlungen für React, Next.js, Vue, Svelte, mobile Stacks und Tailwind-Layouts erhalten.
Verwende ui-ux-pro-max, um eine visuelle Richtung für eine [product type]-Landingpage in der Branche [industry] zu empfehlen. Beziehe Stil, Farben, Typografie und Abschnittsstruktur ein.
Verwende ui-ux-pro-max, um diesen [screen or component] zu überprüfen. Konzentriere dich auf Abstände, Kontrast, Hover-Zustände, responsives Verhalten, Barrierefreiheit und visuelle Hierarchie.
Verwende die Stack-Anleitung von ui-ux-pro-max für [React or Next.js or Vue]. Empfiehl vor der Implementierung Muster für Layout, State, Performance, Barrierefreiheit und Komponenten-Feinschliff.
Verwende ui-ux-pro-max über Produkt-, Stil-, Typografie-, Farb-, Landing-, Diagramm-, UX- und Stack-Domänen hinweg. Synthetisiere einen vollständigen Build-Plan für [project] und identifiziere anschließend Risiken und Review-Checkpoints.
Autor
nextlevelbuilderLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Repository
https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/main/.claude/skills/ui-ux-pro-max/Ref.
3e4b6c31a74a3bd1a291c98cf585d720cb9fbc88
Aktualität der Wartung
22.7.2026
Nutzung
108 Downloads · 374 Aufrufe
Build Accessible Tailwind Interfaces
Building consistent, responsive interfaces requires many component, styling, and accessibility decisions. This skill provides shadcn/ui patterns, Tailwind guidance, and focused automation.
Build Consistent Design Systems and Slides
Inconsistent tokens and components make design handoffs difficult. This skill structures tokens, validates usage, and generates brand-aligned presentation assets.
Create Strategic HTML Presentations
Building persuasive, responsive presentations requires coordinated structure, design, copy, and data visualization. This skill turns a topic and audience brief into a complete HTML deck.
Markenrichtlinien und Asset-Workflows erstellen
Markenarbeit driftet häufig über Sprache, visuelle Gestaltung, Assets und Design Tokens hinweg auseinander. Dieser Skill hilft Claude, Codex und Claude Code dabei, konsistente Markensysteme zu erstellen, zu überprüfen und anzuwenden.
Build consistent brand guidelines and assets
Brand work can become inconsistent across content, assets, and interfaces. This skill provides structured guidance, validation, and token synchronization to keep brand decisions aligned.
Strategische HTML-Foliensätze erstellen
Präsentationsteams benötigen überzeugende Foliensätze, die Narrativ, Layout und Diagramme kombinieren. Dieser Skill leitet Claude, Codex und Claude Code dabei an, responsive HTML-Folien zu erstellen.
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.
Markante UI-Prototypen entwerfen
von tencentcloudbase
Generische KI-Oberflächen haben oft keine klare visuelle Richtung und zu wenig plattformspezifische Detailtiefe. Dieser Skill leitet Claude, Codex und Claude Code dabei an, vor dem Erstellen von Prototypen die Designabsicht zu definieren.
Web-Barrierefreiheit auf WCAG-Konformität prüfen
von 89jobrien
Barrierefreiheitslücken können Nutzer ausschließen und Compliance-Risiken schaffen. Diese Skill unterstützt WCAG-Audits, Screenreader-Prüfungen, Tastaturtests und die Planung von Korrekturmaßnahmen.
Unverwechselbare Frontend-Oberflächen gestalten
von Atman36
Generische generierte Oberflächen wirken oft vorhersehbar und schwach. Diese Skill führt Claude, Codex und Claude Code zu unverwechselbarem, produktionsreifem Frontend-Design.
UX vor dem Bauen planen
von pbakaus
Teams erstellen häufig Interfaces, bevor sie Nutzerziele, Zustände und Einschränkungen geklärt haben. Dieser Skill leitet die Discovery und erstellt ein Design-Briefing für die Implementierung.
Check designs with deterministic CSS rules
von cubha
Design reviews can vary between reviewers and slow down delivery. This skill applies repeatable checks to HTML and CSS so teams can catch token, layout, and accessibility issues before release.