Fähigkeiten delon-chart
📦
delon-chart
Inhaltsrevision r1 Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff
@delon Chart-Dashboards erstellen
Angular-Teams benötigen konsistente Diagramme, die zu ng-alain-Dashboard-Mustern passen. Diese Skill bietet @delon/chart-Beispiele und Anleitungen für gängige Enterprise-Visualisierungen.
Unterstützt: Claude Codex Code(CC)
Mit meinem Agent installieren
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Agent-Anfrage
Review the Skillstore skill "delon-chart" from https://skillstore.io/skills/7spade-delon-chart.md and its manifest at https://skillstore.io/api/skills/7spade-delon-chart/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
„delon-chart“ wird verwendet. Erstelle ein Dashboard für Aufgabenstatus mit @delon/chart.
Erwartetes Ergebnis:
- Ein Dashboard-Layout mit zusammenfassenden chart cards, einem Balkendiagramm für Aufgabenstatus und einem Donut-Diagramm für Aufgabentypen.
- Anleitung, Diagrammdaten mit computed signals zu berechnen und Diagrammhöhen fest zu halten.
„delon-chart“ wird verwendet. Überprüfe mein Diagrammdatenmuster für Angular signals.
Erwartetes Ergebnis:
- Empfehlungen, Servicedaten in computed values statt in Templates zu transformieren.
- Hinweise zu Lade- und Leerzuständen vor dem Rendern von Diagrammkomponenten.
„delon-chart“ wird verwendet. Wähle Diagramme für Berichte zum Baufortschritt aus.
Erwartetes Ergebnis:
- Ein timeline-Diagramm für Fortschritt über Datumsangaben, ein radar-Diagramm für geplante im Vergleich zu tatsächlicher Arbeit und trend-Indikatoren für wöchentliche Bewegungen.
- Eine kurze Implementierungs-Checkliste für Imports, Datenstruktur, responsive Höhen und Grenzen für große Datensätze.
Sicherheitsaudit
Sicherv6 • 6.7.2026 Versionsbericht öffnen
All external-command detections are false positives caused by Markdown fences, TypeScript template literals, or inline option formatting in SKILL.md. The two URL findings are documentation links only; no prompt injection, exfiltration intent, or executable command guidance was found.
1
Gescannte Dateien
395
Analysierte Zeilen
0
Prüfelemente
0
Falschmeldungen ignoriert
Risikofaktoren
⚙️ Externe Befehle (45)
SKILL.md:21-37 SKILL.md:37-47 SKILL.md:47-53 SKILL.md:59-68 SKILL.md:68-71 SKILL.md:71-72 SKILL.md:72-73 SKILL.md:73-74 SKILL.md:74-78 SKILL.md:78-90 SKILL.md:90-94 SKILL.md:94-111 SKILL.md:111-114 SKILL.md:114-115 SKILL.md:115-116 SKILL.md:116-117 SKILL.md:117-121 SKILL.md:121-136 SKILL.md:136-140 SKILL.md:140-154 SKILL.md:154-158 SKILL.md:158-170 SKILL.md:170-172 SKILL.md:172 SKILL.md:173 SKILL.md:179-196 SKILL.md:232-280 SKILL.md:280-287 SKILL.md:287-291 SKILL.md:291-294 SKILL.md:294-301 SKILL.md:301-306 SKILL.md:306-308 SKILL.md:313-315 SKILL.md:315-320 SKILL.md:320-328 SKILL.md:328-352 SKILL.md:352-354 SKILL.md:354-357 SKILL.md:357-359 SKILL.md:359-364 SKILL.md:364-366 SKILL.md:366-369 SKILL.md:369-375 SKILL.md:375-382
🌐 Netzwerkzugriff (2)
Das letzte abgeschlossene statische und semantische Audit erkannte keine bestätigten Sicherheitsbefunde. Dies beweist nicht, dass der Skill keine Nebenwirkungen hat.
Geprüft von: codex Audit-Verlauf anzeigen →
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/7spade-delon-chart/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown-Badge
[](https://skillstore.io/skills/7spade-delon-chart?utm_source=security_passport_badge)HTML-Badge
<a href="https://skillstore.io/skills/7spade-delon-chart?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/7spade-delon-chart/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Einbettungskarte
<iframe src="https://skillstore.io/embed/skills/7spade-delon-chart.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
7Spade. (2026). delon-chart security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/7spade-delon-chart/audits/6BibTeX-Zitat
@techreport{7spade-7spade-delon-chart-2026,
author = {7Spade},
title = {delon-chart security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/7spade-delon-chart/audits/6},
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: "delon-chart security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "7Spade"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/7spade-delon-chart/audits/6"
identifiers:
- type: other
value: "skillstore:7spade-delon-chart:audit:6"
description: "Skillstore immutable audit report identifier"
Skillstore-Score
Warum dieser Score Evidenzvertrauen: Hoch 55
Architektur
85
Wartbarkeit
87
Inhalt
70
Gemeinschaft
91
Spezifikationskonformität
Was Sie erstellen können
Diagramme für Aufgabenstatus erstellen
Erstelle Balken- und Kreisdiagramme, die Aufgabenstatus, Aufgabentyp und die Gesamtzahl der Aufgaben zusammenfassen.
Executive-Dashboards entwerfen
Kombiniere chart-card, trend-Indikatoren und G2Plot-Diagramme für kompakte Dashboard-Zusammenfassungen.
Implementierungsmuster für Diagramme prüfen
Prüfe, ob Diagrammdaten signals, computed values, Ladezustände und responsive Höhen verwenden.
Diese Prompts ausprobieren
Ein Balkendiagramm starten
Erstelle ein einfaches @delon/chart-Balkendiagramm für Aufgabenstatus in einer eigenständigen Angular-Komponente. Verwende signals für die Datenquelle.
Dashboard-Karten hinzufügen
Entwirf einen ng-alain-Dashboard-Abschnitt mit chart-card, trend, g2-bar und g2-pie-Komponenten für die Verfolgung von Projektaufgaben.
Bestehende Diagramme verbessern
Überprüfe meine Angular-Diagrammimplementierung und schlage Änderungen vor, die computed signals, Ladezustände und responsive Diagrammhöhen verwenden.
Fortgeschrittene Visualisierungen planen
Plane ein Dashboard für Baufortschritt mit timeline, radar, bar und Donut-Diagrammen unter Verwendung von @delon/chart- und ng-alain-Mustern.
Bewährte Praktiken
- Verwende computed signals, um Diagrammdaten aus dem Anwendungszustand abzuleiten.
- Lege stabile Diagrammhöhen und responsive Breakpoints fest, bevor Dashboards gerendert werden.
- Zeige Lade- und Leerzustände an, wenn Diagrammdaten nicht verfügbar sind.
Vermeiden
- Mutiere Diagrammdaten-Arrays nicht direkt, wenn du Angular signals verwendest.
- Platziere keine aufwendige Filter- und Mapping-Logik innerhalb von Angular-Templates.
- Rendere keine großen Diagrammdatensätze, ohne Datenpunkte zu begrenzen oder zu aggregieren.
Häufig gestellte Fragen
Was hilft mir diese Skill zu erstellen?
Sie hilft beim Erstellen von Angular-Dashboard-Diagrammen mit @delon/chart, G2Plot-Wrappern und ng-alain-Layoutmustern.
Führt diese Skill Befehle aus?
Nein. Sie stellt Dokumentation und Beispiele für Diagrammkomponenten bereit.
Welche Diagrammkomponenten werden abgedeckt?
Sie deckt chart-card, g2-bar, g2-mini-bar, g2-pie, g2-radar, timeline und trend ab.
Unterstützt sie eigenständige Angular-Komponenten?
Ja. Die Beispiele zeigen eigenständige Komponenten-Imports und signalbasierte Datenmuster.
Kann ich sie außerhalb von ng-alain verwenden?
Die Beispiele sind für ng-alain und @delon/chart konzipiert. Andere Angular-Apps benötigen möglicherweise Anpassungen.
Enthält sie eine Live-Datenintegration?
Sie zeigt Muster für servicegestützte signals, aber du musst deine eigene Datenquelle verbinden.