Design Taste Frontend
Skill AktivSenior UI/UX Engineer. Gestaltet digitale Schnittstellen, die Standard-LLM-Voreingenommenheiten überschreiben. Erzwingt metrikbasierte Regeln, strenge Komponentenarchitektur, CSS-Hardwarebeschleunigung und ausgewogenes Design-Engineering.
Generierung von erstklassigem, nicht-generischem Frontend-Code durch Erzwingung strenger Designprinzipien, Architekturbeschränkungen und kreativer Konzepte, was zu visuell beeindruckenden und sorgfältig ausgearbeiteten Benutzeroberflächen führt.
Funktionen
- Gestaltet digitale Schnittstellen, die Standard-LLM-Voreingenommenheiten überschreiben
- Erzwingt metrikbasierte Regeln für Designvarianz, Bewegung und Dichte
- Schreibt strenge Komponentenarchitektur und Framework-Konventionen vor
- Implementiert fortgeschrittene CSS-Techniken wie Hardwarebeschleunigung
- Liefert detaillierte Anweisungen für ausgewogenes Design-Engineering
Anwendungsfälle
- Generierung von High-Fidelity-UI-Komponenten und Layouts
- Sicherstellung der Einhaltung spezifischer Designsystemprinzipien
- Implementierung fortschrittlicher Frontend-Animationen und Mikrointeraktionen
- Erstellung von Code, der gängige KI-generierte UI-Klischees vermeidet
Nicht-Ziele
- Bereitstellung eines einzelnen, engen visuellen Stils
- Annahme, dass Drittanbieter-Bibliotheken bereits installiert sind
- Generierung von Code mit generischen oder uninspirierten Designmustern
Versionierung
- warning:Release ManagementDie README erwähnt ein Changelog auf tasteskill.dev, aber es gibt keine explizite Versionierung im Frontmatter oder Manifest der SKILL.md, und die Installationsanweisungen verweisen auf den Haupt-Branch.
Codeausführung
- warning:Gepinnte AbhängigkeitenObwohl das Skill die Überprüfung von package.json vorschreibt, spezifiziert es kein Pinnen von Abhängigkeiten oder stellt eine Lock-Datei für die eigenen potenziellen Abhängigkeiten des Skills bereit.
Installation
npx skills add Leonxlnx/taste-skillFü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
Vertrauenssignale
Ähnliche Erweiterungen
Frontend Design
99Erstellen Sie unverwechselbare Frontend-Oberflächen in Produktionsqualität mit hoher Designqualität. Verwenden Sie diese Fähigkeit, wenn der Benutzer auffordert, Webkomponenten, Seiten oder Anwendungen zu erstellen. Generiert kreativen, polierten Code, der generische KI-Ästhetik vermeidet.
Shadcn/ui Component Library
99shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
Angular Developer
100Generiert Angular-Code und bietet architektonische Anleitungen. Auslösen bei der Erstellung von Projekten, Komponenten oder Diensten oder für Best Practices zur Reaktionsfähigkeit (Signale, linkedSignal, Ressource), Formulare, Dependency Injection, Routing, SSR, Barrierefreiheit (ARIA), Animationen, Styling (Komponentenstile, Tailwind CSS), Tests oder CLI-Tools.
Ui Ux Pro Max
100UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets