Was macht chart-designer?
Entwerfen Sie effektive Datenvisualisierungen und Diagramme. Generieren Sie Diagrammkonfigurationen für ECharts, Chart.js und andere Bibliotheken. Erstellen Sie Dashboards und Berichte.
Entwerfen Sie effektive Datenvisualisierungen und Diagramme. Generieren Sie Diagrammkonfigurationen für ECharts, Chart.js und andere Bibliotheken. Erstellen Sie Dashboards und Berichte.
Diese Fähigkeit ermöglicht es KI-Agenten wie Claude Code, Cursor oder Codex, professionelle Datenvisualisierungen und Diagramme zu entwerfen. Sie unterstützt die Generierung von Diagrammkonfigurationen für gängige Bibliotheken wie ECharts und Chart.js, sowie die Erstellung von Dashboards und Berichten. Der Agent kann automatisch den passenden Diagrammtyp (z. B. Balken-, Linien-, Kreisdiagramm) basierend auf den Daten empfehlen und Konfigurationen für verschiedene Plattformen ausgeben. Dies ist besonders nützlich, um in Entwicklungsumgebungen schnell interaktive Visualisierungen zu integrieren oder Datenanalyse-Ergebnisse ansprechend darzustellen. Die Fähigkeit folgt einer SKILL.md-Dokumentation, die strukturierte Anweisungen für Datenvorbereitung, Diagrammkonfiguration und das Hinzufügen von Interaktivität bietet, ohne die Codeelemente oder Pfade zu übersetzen.
npx skills add https://github.com/claude-office-skills/skills/tree/main/skills/chart-designerInstalled? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Entwerfen Sie effektive Datenvisualisierungen und Diagramme. Generieren Sie Diagrammkonfigurationen für ECharts, Chart.js und andere Bibliotheken. Erstellen Sie Dashboards und Berichte.
This repo contains 20 individual skills — each has its own dedicated page.
Search and analyze academic literature. Find papers, understand research methodologies, and synthesize academic findings for research projects.
Multi-platform ad copy generation for Google Ads, Meta/Facebook, TikTok, LinkedIn with A/B testing variants
Build AI agents with tools, memory, and multi-step reasoning - ChatGPT, Claude, Gemini integration patterns
Airtable database automation - views, automations, integrations, and workflow triggers
Generate complete presentations with AI - from outline to polished slides
Automate Amazon seller operations including inventory, orders, pricing, and advertising management
Create and trigger Apple Shortcuts for iOS/macOS automation and cross-platform workflows
Screen job applications against requirements and score candidates
Automate Asana project management workflows, task tracking, team collaboration, and reporting
Batch convert documents between multiple formats using a unified pipeline
Process multiple documents in bulk with parallel execution
Create and maintain brand style guides for consistent visual identity
Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright
Google Calendar and Outlook automation - scheduling optimization, meeting workflows, time blocking, and Slack/Sheets integration
Generate release notes from git commits, updates, or feature lists
Answer questions about PDF content, summarize, and extract information
Automate ClickUp workspace management, task workflows, time tracking, and team productivity
Conduct comprehensive company research and due diligence. Analyze business model, competitive landscape, management, and market position.
Analyze competitors systematically. Compare products, features, pricing, positioning, and market strategies. Generate comprehensive competitive intelligence reports.
Research topics and write content like blog posts, articles, and copy
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.