📦

britecharts

Name: britecharts
Author: britecharts

Inhaltsrevision r1 Sicher ⚙️ Externe Befehle🌐 Netzwerkzugriff

Build and Fix Britecharts v3 Charts

Britecharts charts can fail when code uses outdated APIs, incorrect data fields, or misplaced tooltips. This skill guides chart implementation and migration with specific v3 examples for JavaScript, React, and framework wrappers.

Unterstützt: Claude Codex Code(CC)

📊 75 Angemessen

Maintain this Skill? Claim it 📊 75 Angemessen

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 "britecharts" from https://skillstore.io/skills/britecharts-britecharts.md and its manifest at https://skillstore.io/api/skills/britecharts-britecharts/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.

Markdown-Detailseite GET /skills/britecharts-britecharts.md Signiertes manifest GET /api/skills/britecharts-britecharts/manifest Signiertes lockfile GET /api/skills/britecharts-britecharts/lockfile

Testen

„britecharts“ wird verwendet. My v3 line chart still receives nested v2 series data and renders incorrectly.

Erwartetes Ergebnis:

Flatten the nested series into individual points inside the required data wrapper.
Repeat the series label and numeric identifier on every point, alongside its ISO date and value.
Replace removed accessors and confirm the stylesheet is imported.

„britecharts“ wird verwendet. My React stacked bar chart does not resize, and its tooltip series colors are missing.

Erwartetes Ergebnis:

Use ResponsiveContainer to supply the chart width.
Configure Tooltip to read series names from the stack field.
Pass the tooltip render props to StackedBar and replace data objects when values change.

„britecharts“ wird verwendet. How should a Vue component manage a Britecharts chart?

Erwartetes Ergebnis:

Create the chart after the container mounts and retain the returned chart instance.
Update that instance when data or configuration changes.
Destroy the chart when the component unmounts.

Sicherheitsaudit

Sicher

v1 • 30.10.2026 Versionsbericht öffnen

All 65 static findings are false positives involving documentation formatting, chart examples, public resource links, or a local evaluation fixture copy. The reviewed files contain no evidence of credential theft, unauthorized data transmission, system reconnaissance, or prompt injection. Referenced packages and CDN assets were not independently audited.

Gescannte Dateien

827

Analysierte Zeilen

Prüfelemente

Falschmeldungen ignoriert

Risikofaktoren

⚙️ Externe Befehle (50)

🌐 Netzwerkzugriff (5)

SKILL.md:41 SKILL.md:42 SKILL.md:43 SKILL.md:150 SKILL.md:160

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

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.

Versionsbericht öffnen

Berichtslink kopieren

https://skillstore.io/skills/britecharts-britecharts/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown-Badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/britecharts-britecharts/security.svg)](https://skillstore.io/skills/britecharts-britecharts?utm_source=security_passport_badge)

HTML-Badge

<a href="https://skillstore.io/skills/britecharts-britecharts?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/britecharts-britecharts/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Einbettungskarte

<iframe src="https://skillstore.io/embed/skills/britecharts-britecharts.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

britecharts. (2026). britecharts security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/britecharts-britecharts/audits/1

BibTeX-Zitat

@techreport{britecharts-britecharts-britecharts-2026,
  author = {britecharts},
  title = {britecharts security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/britecharts-britecharts/audits/1},
  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: "britecharts security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "britecharts"
date-released: "2026-10-30"
url: "https://skillstore.io/skills/britecharts-britecharts/audits/1"
identifiers:
  - type: other
    value: "skillstore:britecharts-britecharts:audit:1"
    description: "Skillstore immutable audit report identifier"

Skillstore-Score

Warum dieser Score Evidenzvertrauen: Mittel

Architektur

Wartbarkeit

Inhalt

Gemeinschaft

Spezifikationskonformität

Was Sie erstellen können

Build a React dashboard chart

Create a responsive stacked bar chart with loading behavior, correct series fields, and working tooltips.

Modernize existing visualizations

Update v2 imports, stylesheet paths, line data, and removed accessors while preserving existing application behavior.

Embed charts in another framework

Connect chart creation, updates, and cleanup to Vue, Svelte, or Angular lifecycle hooks using the wrappers package.

Diese Prompts ausprobieren

Create a first bar chart

Create a Britecharts v3 bar chart for these categories and values: [data]. Include the stylesheet, explicit dimensions, and an accessible title.

Repair a chart tooltip

Review this Britecharts v3 chart and its data: [code and data]. Fix the tooltip attachment, event wiring, and field mappings.

Build a responsive React chart

Implement a Britecharts v3 React stacked bar chart for [data]. Include responsive sizing, loading states, tooltip series labels, and immutable updates.

Migrate a chart module

Migrate this Britecharts v2 module to v3: [module]. Preserve exports and explain changes to dependencies, data shapes, removed accessors, and tooltip wiring.

Bewährte Praktiken

Check installed package names and confirm the project targets v3 before choosing imports or accessors.
Match chart data fields exactly and consult the chart reference before adding configuration options.
Import the stylesheet once, measure container width, and verify tooltip behavior after the first draw.

Vermeiden

Reusing removed v2 accessors or nested line data without migration.
Mutating React chart data in place and expecting a redraw.
Attaching every tooltip to the same element or omitting chart-specific field mappings.