design-taste-frontend-v1
Frontend-Designgeschmack verbessern
KI-generierte Frontend-Arbeit kann generisch wirken und responsive Zustände übersehen. Dieser Skill gibt Claude, Codex und Claude Code klare UI-Regeln für präzisere React- und Tailwind-Ergebnisse.
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "design-taste-frontend-v1" from https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1.md and its manifest at https://skillstore.io/api/skills/leonxlnx-design-taste-frontend-v1/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.
Testen
„design-taste-frontend-v1“ wird verwendet. Create a SaaS dashboard for operations managers.
Erwartetes Ergebnis:
Die Antwort beschreibt vor der Implementierung ein asymmetrisches Dashboard-Layout, eine zurückhaltende Palette, klare Formularzustände und Regeln für den mobilen Umbruch.
„design-taste-frontend-v1“ wird verwendet. Improve a product landing page that looks generic.
Erwartetes Ergebnis:
Die Antwort ersetzt standardmäßige zentrierte Hero-Layouts durch eine stärkere Komposition, einzigartige Typografie, konkrete Bildleitlinien und eine klarere Call-to-Action-Hierarchie.
„design-taste-frontend-v1“ wird verwendet. Add motion to a feature grid without hurting performance.
Erwartetes Ergebnis:
Die Antwort schlägt isolierte animierte Komponenten, federbasierte Übergänge, memoized Schleifen und Animationsentscheidungen nur mit transform vor.
Sicherheitsaudit
SicherThe static alerts are false positives caused by Markdown backticks and design prose in SKILL.md. I found no executable code, shell invocation, secret access, prompt-injection attempt, or malicious network behavior. No semantic security findings were added.
Risikofaktoren
⚙️ Externe Befehle (55)
🌐 Netzwerkzugriff (1)
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.
Berichtslink kopieren
https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/leonxlnx-design-taste-frontend-v1/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/leonxlnx-design-taste-frontend-v1.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
leonxlnx. (2026). design-taste-frontend-v1 security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4BibTeX-Zitat
@techreport{leonxlnx-leonxlnx-design-taste-frontend-v1-2026,
author = {leonxlnx},
title = {design-taste-frontend-v1 security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4},
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: "design-taste-frontend-v1 security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "leonxlnx"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/leonxlnx-design-taste-frontend-v1/audits/4"
identifiers:
- type: other
value: "skillstore:leonxlnx-design-taste-frontend-v1:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: HochWas Sie erstellen können
Produktansichten verfeinern
Nutzen Sie den Skill, um Layout-, Typografie-, Bewegungs- und Zustandsleitlinien festzulegen, bevor eine komplexe Produktansicht implementiert wird.
Markeninterfaces gestalten
Wenden Sie eine stärkere visuelle Richtung an, wenn Landingpages, Feature-Abschnitte oder produktorientierte Marketingseiten erstellt werden.
KI-Prototypen prüfen
Nutzen Sie die Pre-Flight-Checkliste, um generische Layouts, fehlende Zustände und schwaches responsives Verhalten zu erkennen.
Diese Prompts ausprobieren
Use design-taste-frontend-v1 for a React interface. Create a [screen type] for [audience]. Use Tailwind. Include loading, empty, and error states.
Apply the skill to redesign this page. Keep the same content. Improve layout, typography, responsive behavior, and interaction states.
Use the skill with motion intensity above five. Add purposeful Framer Motion interactions. Isolate animated client components and protect performance.
Review this dashboard concept with the skill checklist. Identify generic patterns, weak hierarchy, missing states, and mobile risks. Then propose focused fixes.
Bewährte Praktiken
- Geben Sie Zielgruppe, Produktdomäne, Stack und visuelle Einschränkungen vor der Generierung an.
- Teilen Sie bestehende Brand Tokens oder Komponentenregeln, wenn diese den Skill übersteuern müssen.
- Fordern Sie Lade-, Leer-, Fehler- und Mobilzustände bereits im ersten Prompt an.
Vermeiden
- Eine generische Landingpage ohne Marken-, Zielgruppen- oder Produktkontext anfordern.
- Den Skill verwenden, wenn ein striktes Corporate-Designsystem jede Entscheidung kontrollieren muss.
- Dauerhafte Bewegung zu performance-sensiblen Seiten hinzufügen, ohne einen klaren Nutzen für Benutzer.