donut-binary

Feature guidance for the 2-segment (binary) Donut chart variant. Use when generating a Donut with exactly 2 segments and no separate swatch legend. Token values referenced here are defined in donut-chart-tokens.

Jump to install Review files

Repository: adobe/react-spectrum-charts
Last source activity: August 4, 2026 at 19:59
Detected SKILL.md language: English
Stars: 129
Forks: 30

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with an AI assistant

Copy this prompt into the AI assistant you're using.

Follow https://skillsmp.com/skill-install/prompt.md to install only the Agent Skill at https://github.com/adobe/react-spectrum-charts/tree/main/llm/skills/s2-donut/donut-binary.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/adobe/react-spectrum-charts --skill donut-binary

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

SKILL.md

Source instructions · Read-only preview

name: donut-binary
description: Feature guidance for the 2-segment (binary) Donut chart variant. Use when generating a Donut with exactly 2 segments and no separate swatch legend. Token values referenced here are defined in donut-chart-tokens.

# 2-Segment / Binary Donut Tokens referenced below are defined in [`donut-chart-tokens`](../donut-chart-tokens/SKILL.md) — this file covers feature behavior only, not token values. - `Segment=2` variant - Primary segment: any categorical color; secondary: `chart.donut.color.secondary-gray` - No legend component — label lives in the center hole (`Metric total` + `Metric label`, see [`donut-metric-labels`](../donut-metric-labels/SKILL.md)) - Only the primary segment is labeled

View on GitHub

Back to search Back to installation

chart-features

Engine-agnostic catalog of every chart feature React Spectrum Charts implements (marks, decorations, chart-level features). Use when generating a chart spec for RSC, Vega, Chart.js, or D3 to confirm a requested feature exists and what it's configured with, before inventing behavior.

2026-10-15

donut-chart-tokens

Donut-chart-specific design tokens (colors, sizes, typography, spacing, hover/emphasize behavior, and validation rules), sourced from the Figma "S2 – Charts" file. Use when generating, styling, or reviewing a Donut chart to get exact values instead of inventing them. For feature-specific implementation guidance (Regular/Binary/Benchmark donut, Metric labels, Direct labels, Advanced labels), see the feature skills listed below.

2026-09-10

donut-advanced-labels

Feature guidance for Donut chart advanced labels (swatch + segment name + value/% + optional detail row, connected to the slice by a leader line). Use when generating a Donut with advanced labels enabled. Token values referenced here are defined in donut-chart-tokens.

2026-08-04

View all from this repository

donut-binary

Source facts

Install options

Install with an AI assistant

Review the source files

More from this repository

Install with an AI assistant

More from this repository