Create Apple-style minimalist presentation slides through a strict JSON-first workflow. Use when an agent must clarify user requirements, lock topic/content/...
Design & media
Apple Viz
Try itGenerate beautiful Apple HIG-inspired HTML visualizations (bar, line, donut, progress, stat-card) and screenshot them as PNG images. Use when user asks to vi...
What it does
Generate beautiful Apple HIG-inspired HTML visualizations (bar, line, donut, progress, stat-card) and screenshot them as PNG images. Use when user asks to visualize, chart, plot, graph, or make a viz — or explicitly says "apple-viz".
The skill document
Apple Viz
Generates beautiful, minimal, Apple-inspired data visualizations and saves them as PNG screenshots.
When to use
- User asks to "visualize", "chart", "plot", "graph", or "make a viz"
- User explicitly says "apple-viz"
- User wants a stat card, progress ring, donut chart, bar chart, or line chart
How to invoke
python3 {baseDir}/generate.py \
--type \
--title "Chart Title" \
--data '' \
--output /tmp/apple-viz-output.png \
[--width 800] [--height 500] [--dark]
Chart types and data schemas
bar
Vertical bars with rounded ends.
{"labels": ["Mon", "Tue", "Wed"], "values": [42, 67, 55], "unit": "steps"}
line
Smooth bezier line chart with filled gradient area.
{"labels": ["Jan", "Feb", "Mar"], "values": [100, 150, 130], "unit": "ms"}
donut
Donut/ring chart, single or multi-segment.
{"segments": [{"label": "Sleep", "value": 7.5, "color": "#007AFF"}, {"label": "Awake", "value": 16.5}]}
progress
Circular or linear progress rings.
{"items": [{"label": "Steps", "value": 8200, "max": 10000, "color": "#34C759"}, {"label": "Calories", "value": 420, "max": 600, "color": "#FF9500"}]}
stat-card
Grid of stat cards, like Apple Health summary.
{"stats": [{"label": "Heart Rate", "value": "72", "unit": "BPM", "trend": "+3 BPM", "color": "#FF3B30"}, {"label": "Steps", "value": "8,241", "unit": "steps", "trend": "↑12%", "color": "#34C759"}]}
Flags
--dark— dark mode (black background, #F5F5F7 text)--width N— canvas width (default: 800)--height N— canvas height (default: 500)--output PATH— output PNG path (default: /tmp/apple-viz-output.png)
Dependencies
Playwright (via npx) for screenshots. Falls back to pyppeteer if npx is unavailable.
pip3 install -r {baseDir}/requirements.txt
Related skills
Transform CSV data into stunning interactive chart visualizations with Chart.js
Generate infographics by combining 21 layouts with 22 visual styles, with content-aware recommendations.
Generate a professional infographic from an article, document, URL, or topic, using the baoyu layout x style system (21 layouts x 21 styles). Original author 宝玉 (JimLiu); ported & customized by j3ffyang. Use when the user asks to create an infographic, 信息图, visual summary, 可视化, or a high-density information image, or wants an article turned into a visual poster.
Generate beautiful draw.io diagrams with a mandatory visual QA loop. Covers flowcharts, ERD, architecture, sequence, and class diagrams. Use when user reques...
Restrained information visualization skill pack for AI agents. Every visualization starts with a brief read and three dials. Supports Mermaid, ASCII/termaid...