Frontend-Effekte mit hoher Wirkung erstellen
Fortgeschrittene Interface-Effekte können ohne Designkontext und Performance-Prüfungen fehlschlagen. Overdrive leitet Agenten dabei an, ausgefeilte Frontend-Verbesserungen vorzuschlagen, zu erstellen und zu verifizieren.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "overdrive" from https://skillstore.io/skills/pbakaus-overdrive.md and its manifest at https://skillstore.io/api/skills/pbakaus-overdrive/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.
„overdrive“ wird verwendet. Use overdrive on a settings dialog.
Erwartetes Ergebnis:
Drei Interaktionsrichtungen mit Abwägungen, gefolgt von einer ausgewählten Implementierung eines sich morphenden Dialogs und Hinweisen zum Fallback für reduzierte Bewegung.
„overdrive“ wird verwendet. Use overdrive on a large analytics table.
Erwartetes Ergebnis:
Ein Performance-Plan, der virtuelles Scrollen, animierte Zustandsänderungen, worker-gestützte Filterung, Browser-Verifizierung und Gerätetests abdeckt.
„overdrive“ wird verwendet. Use overdrive on a portfolio hero.
Erwartetes Ergebnis:
Ein im Browser verifiziertes interaktives visuelles Konzept mit Fallback-Verhalten, Hinweisen zur mobilen Performance und Anleitung für den finalen Feinschliff.
All external command findings are false positives from Markdown fences, inline code terms, and illustrative CSS or JavaScript examples in SKILL.md. The system reconnaissance finding is also a false positive; the description covers ambitious frontend implementation and does not request host enumeration or data collection. No prompt injection, exfiltration intent, or malicious behavior was found.
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/pbakaus-overdrive/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/pbakaus-overdrive?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/pbakaus-overdrive?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/pbakaus-overdrive/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/pbakaus-overdrive.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>pbakaus. (2026). overdrive security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/pbakaus-overdrive/audits/4@techreport{pbakaus-pbakaus-overdrive-2026,
author = {pbakaus},
title = {overdrive security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/pbakaus-overdrive/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: "overdrive security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "pbakaus"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/pbakaus-overdrive/audits/4"
identifiers:
- type: other
value: "skillstore:pbakaus-overdrive:audit:4"
description: "Skillstore immutable audit report identifier"
Bewegung, Interaktion oder Rendering-Feinschliff zu einer bestehenden Seite hinzufügen und dabei Benutzerfreundlichkeit und Performance bewahren.
Mehrere ambitionierte Ansätze vor der Implementierung vergleichen, einschließlich Komplexität, Browser-Unterstützung und visueller Passung.
Browser-Previews, Prüfungen für reduzierte Bewegung und Gerätetests nutzen, um einen fortgeschrittenen Effekt vor dem Release zu verfeinern.
Use overdrive on the current page. Propose 2-3 transition directions, explain trade-offs, and wait for my choice before coding.
Use overdrive for TARGET=<dashboard table>. Suggest a performant animation plan for large data, including fallbacks and reduced-motion behavior.
Use overdrive for TARGET=<hero section>. Compare WebGL, Canvas, and CSS approaches, then implement the selected direction with browser verification.
Use overdrive for TARGET=<multi-step workflow>. Create an advanced interaction plan, validate performance risks, implement iteratively, and verify on desktop and mobile.
Autor
pbakausLizenz
MIT
Skillstore-Revision
r1
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
e397ce5a135369cd6def89cb6400d013e2f68f2f
Aktualität der Wartung
18.7.2026
Nutzung
11 Downloads · 113 Aufrufe
Dateistruktur
📄 SKILL.md
UX vor dem Bauen planen
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.
Projekt-Designkontext erfassen
KI-Designarbeit verliert über Sitzungen hinweg oft den Projektkontext. Diese Skill sammelt Nachweise und speichert wiederverwendbare Leitlinien für Claude, Codex und Claude Code.
Benutzeroberflächen mit Delight bereichern
Funktionale Oberflächen können in wichtigen Momenten flach, vergesslich oder frustrierend wirken. Diese Skill hilft Claude, Codex und Claude Code, durch Texte, Animationen, Feedback und Feiermuster angemessenen Feinschliff hinzuzufügen.
Bessere Onboarding-Erlebnisse gestalten
Neue Nutzer verlassen ein Produkt häufig, wenn es seinen Wert nicht schnell erklärt. Dieser Skill hilft dabei, Onboarding, Leerzustände und geführte Hilfe zu gestalten, die Nutzer zum ersten Erfolg führen.
Interface-Designs vereinfachen
Komplexe Interfaces verlangsamen Entscheidungen und verdecken das zentrale Nutzerziel. Diese Skill leitet Claude, Codex und Claude Code dabei an, Unordnung zu entfernen, Hierarchien zu klären und benötigte Funktionalität zu erhalten.
UI-Layout und visuellen Rhythmus verbessern
Überladene Oberflächen und repetitive Raster erschweren es, Produkte schnell zu erfassen und ihnen zu vertrauen. Diese Skill führt Claude, Codex und Claude Code zu besserem Abstand, stärkerer Hierarchie und responsiverer Komposition.
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.
React View Transitions implementieren
von vercel-labs
React View Transitions lassen sich leicht falsch platzieren, was zu unbemerkten oder störenden Animationen führt. Dieser Skill unterstützt Entscheidungen zu Animationen für Routen, Suspense, Listen und Shared Elements.
Produktionsreife Frontend-Funktionen entwickeln
von davila7
Frontend-Teams benötigen projektübergreifend einheitliche Leitlinien für React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte für die Frontend-Analyse.
React- und Next.js-Performance optimieren
von vercel-labs
React- und Next.js-Apps verlieren oft durch Waterfalls, große Bundles und vermeidbare Re-Renderings an Geschwindigkeit. Diese Skill gibt Agenten konkrete Regeln für sicherere, performanceorientierte Änderungen.
Code auf Sicherheit und Qualität überprüfen
von AutumnsGrove
Manuelle Code-Reviews können Sicherheits-, Leistungs- und Testprobleme übersehen. Dieser Skill bietet Claude, Codex und Claude Code einen strukturierten Review-Workflow mit Checklisten und Anleitung für unterstützende Scans.
Vue-3-Codequalität verbessern
von vuejs-ai
In Vue-Projekten sammeln sich im Laufe der Zeit häufig Fehler bei Reaktivität, Komponenten und Performance an. Dieser Skill bietet gezielte Vue-3-Anleitung für sicherere Muster und klareren Code.