Interaktive Chat-Widgets erstellen
Textbasierter Chat allein kann umfangreiche Aufgaben-Workflows nicht unterstützen. Diese Skill hilft Teams dabei, interaktive Widgets, Aktionen, Entity-Tagging und Server-Handler zu entwerfen.
Vor der Installation anhalten und eine Bestätigung anfordern.
Prüfen Sie den Plan und holen Sie vor Änderungen an Dateien die ausdrückliche Zustimmung des Benutzers ein.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "building-chat-widgets" from https://skillstore.io/skills/asmayaseen-building-chat-widgets.md and its manifest at https://skillstore.io/api/skills/asmayaseen-building-chat-widgets/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.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.
„building-chat-widgets“ wird verwendet. Ein Produktteam benötigt ein Bestellstatus-Widget mit Schaltflächen.
Erwartetes Ergebnis:
„building-chat-widgets“ wird verwendet. Ein Backend-Entwickler benötigt Verhalten für Formularübermittlungen.
Erwartetes Ergebnis:
Ein Server-Workflow, der Payload-Felder validiert, das Formular verarbeitet, das Widget ersetzt und eine klare Assistentenantwort sendet.
„building-chat-widgets“ wird verwendet. Ein Team möchte Erwähnungen für Personen und Artikel im Chat.
Erwartetes Ergebnis:
Ein Entity-Tagging-Plan mit Suchverhalten, Anzeigefeldern, Klickverarbeitung und Anleitung zur sicheren Kontextkonvertierung.
All static alerts are false positives from Markdown syntax, Python imports, ordinary payload fields, or a same-origin request. Three semantic risks remain: hidden context injection, an unauthorized database mutation pattern, and raw exception disclosure.
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/asmayaseen-building-chat-widgets/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/asmayaseen-building-chat-widgets?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/asmayaseen-building-chat-widgets?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/asmayaseen-building-chat-widgets/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/asmayaseen-building-chat-widgets.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Asmayaseen. (2026). building-chat-widgets security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/asmayaseen-building-chat-widgets/audits/9@techreport{asmayaseen-asmayaseen-building-chat-widgets-2026,
author = {Asmayaseen},
title = {building-chat-widgets security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/asmayaseen-building-chat-widgets/audits/9},
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: "building-chat-widgets security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Asmayaseen"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/asmayaseen-building-chat-widgets/audits/9"
identifiers:
- type: other
value: "skillstore:asmayaseen-building-chat-widgets:audit:9"
description: "Skillstore immutable audit report identifier"
Erstelle Chat-Widgets für Genehmigungen, Aufgabenlisten, Produktauswahlen oder geführte Entscheidungen.
Ordne Widget-Schaltflächen Navigation, lokalen Zustandsänderungen und Folge-Chatnachrichten zu.
Plane Server-Aktionen, die Daten aktualisieren, Widgets ersetzen und Assistentenantworten streamen.
Erstelle einen Chat-Widget-Plan für [task]. Füge Widget-Typ, sichtbare Felder, Schaltflächen und Client-Aktionsnamen hinzu.
Entwirf clientseitig verarbeitete Aktionen für dieses Widget: [describe widget]. Füge Payload-Felder, UI-Aktualisierungen und Navigationsverhalten hinzu.
Erstelle ein Server-Aktionsdesign für [workflow]. Füge Validierung, Zustandsänderungen, Widget-Ersetzung und benutzerseitiges Antwortverhalten hinzu.
Überprüfe diesen Chat-Widget-Workflow auf Produktionsreife: [paste summary]. Prüfe Payload-Validierung, Autorisierung, Entity-Verarbeitung und Fallback-Verhalten.
Autor
AsmayaseenLizenz
MIT
Skillstore-Revision
r2
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
89edfdc710d0846129dcee6a929477b04f08052c
Aktualität der Wartung
29.7.2026
Nutzung
10 Downloads · 181 Aufrufe
Dateistruktur
Zuverlässige Agenten-Tools entwerfen
Agenten scheitern, wenn Tool-Namen, Eingaben, Ausgaben oder Fehler mehrdeutig sind. Dieser Skill bietet praktische Muster für Tool-Beschreibungen, Schemas, Antwortformate und Tests.
Softwareprobleme systematisch debuggen
Unstrukturiertes Beheben von Bugs verschwendet Zeit und kann den eigentlichen Fehler verdecken. Dieser Skill führt Claude, Codex und Claude Code durch evidenzbasierte Ursachenanalyse.
Zuverlässigkeit von Produktionsservices verbessern
Produktionsteams benötigen klare Zuverlässigkeitsziele und wiederholbare Incident-Praktiken. Diese Skill stellt SRE-Vorlagen für SLOs, Error Budgets, Alerting und Postmortems bereit.
shadcn/ui-Oberflächen in Next.js erstellen
React-Teams benötigen konsistente UI-Muster, die mit modernem Next.js funktionieren. Dieser Skill bietet Anleitungen zur Einrichtung von shadcn/ui, Komponentenbeispiele, Formularvalidierung, Tabellen, Sidebars und Muster für den Dunkelmodus.
Streaming-KI-Chatoberflächen erstellen
KI-Chat in Echtzeit wirkt fehlerhaft, wenn Benutzer keinen Fortschritt, Antwortstatus oder UI-Änderungen sehen können. Diese Skill bietet Claude, Codex und Claude Code Muster für Streaming-Lebenszyklen, Fortschrittsereignisse, Client-Effekte und Client-Tools.
Kontextdegradation diagnostizieren
Lange KI-Sitzungen können an Genauigkeit verlieren, wenn der Kontext wächst, Konflikte enthält oder ablenkendes Material einschließt. Diese Skill hilft Claude, Codex und Claude Code, Degradationsmuster zu erkennen und praktische Gegenmaßnahmen auszuwählen.
Playwright-Testabdeckung verbessern
von C0ntr0lledCha0s
Playwright-Suites können instabil werden, wenn Konfiguration, Locators und Fixtures uneinheitlich sind. Diese Skill bietet praktische Muster für zuverlässige Browser-Tests, Debugging und wiederverwendbare Page Objects.
Zuverlässigen Async-Python-Code erstellen
von 0xDarkMatter
Async-Python-Code scheitert oft an blockierenden Aufrufen, unbegrenzten Tasks und schwacher Bereinigung. Diese Skill bietet wiederverwendbare asyncio-Muster, Beispiele und Referenzen für robuste nebenläufige Dienste.
FastAPI-APIs mit wiederverwendbaren Mustern erstellen
von 0xDarkMatter
FastAPI-Projekte benötigen konsistente Entscheidungen für Validierung, Dependencies, Middleware und Hintergrundarbeit. Dieser Skill gibt Claude, Codex und Claude Code wiederverwendbare Muster für praktische Python-API-Entwicklung.
Python-Muster für Typsicherheit hinzufügen
von 0xDarkMatter
Python-Typannotationen können in realen Projekten schwer konsistent anzuwenden sein. Diese Skill bietet Claude, Codex und Claude Code praktische Muster für sichereren typisierten Python-Code.
Starknet-Apps mit starknet.js entwickeln
von internet-court
Starknet-Integrationen erfordern eine präzise Handhabung von Providern, Konten, Transaktionen und Gebühren. Dieser Skill vermittelt Claude, Codex und Claude Code praxisnahe Muster für starknet.js v9.
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.