skill CX Codex

guide-swiftui-charts — Claude Code skill for SwiftUI charts

Q: How do I install guide-swiftui-charts in Claude?

Run `npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a claude-code`. The skill lands in `~/.claude/skills/guide-swiftui-charts/SKILL.md`.

A guide skill covering Swift Charts patterns: marks, axes, selection, styling, composition, Chart3D and accessibility. Useful when you build or rework charts in SwiftUI.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓

npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a claude-code

Open on GitHub

What guide-swiftui-charts does

This is a workflow guide, not API reference. The agent pulls it in when you ask for a new chart or a change to an existing one in SwiftUI, then follows the patterns instead of guessing at syntax.

Two files carry the content: references/charts.md covers marks, axes, selection, styling, composition and Chart3D, while references/charts-accessibility.md handles VoiceOver, Audio Graph and custom descriptors. Splitting accessibility out from the visual side is handy when a chart has to read well through VoiceOver.

The skill installs into Claude, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode. GitHub Copilot uses a different command, gh skill install, so don't mix it up with the rest. MIT licensed, source lives in the Prisma-Labs-Dev/apple-skills repository.

What it helps with

build a SwiftUI chart from ready-made patterns
set up axes and mark labels without trial and error
add point or range selection to a chart
make a chart readable through VoiceOver
render a 3D chart with Chart3D

Example prompts for the agent

build a monthly sales chart with Swift Charts
add point selection and a label to this chart
make this chart work with VoiceOver

How to install guide-swiftui-charts

1Skills CLI (Vercel)

npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a claude-code

2Manually: put the files in place

~/.claude/skills/guide-swiftui-charts/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/guide-swiftui-charts/

1Skills CLI (Vercel)

npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a codex

2Manually: put the files in place

.agents/skills/guide-swiftui-charts/SKILL.md

For all projects use ~/.agents/skills/

1Skills CLI (Vercel)

npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a cursor

2Manually: put the files in place

.cursor/skills/guide-swiftui-charts/SKILL.md

Cursor also reads .agents/skills/ and .claude/skills/

1GitHub CLI

gh skill install Prisma-Labs-Dev/apple-skills guide-swiftui-charts

2Manually: put the files in place

.github/skills/guide-swiftui-charts/SKILL.md

1Skills CLI (Vercel)

npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a gemini-cli

2Platform CLI

gemini skills install https://github.com/Prisma-Labs-Dev/apple-skills --path skills/guide-swiftui-charts

Manually: put the files in place

.devin/skills/guide-swiftui-charts/SKILL.md

The legacy .windsurf/skills/ path still works

Skills CLI (Vercel)

npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a opencode

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about guide-swiftui-charts

How do I install guide-swiftui-charts in Claude?

Run npx skills add Prisma-Labs-Dev/apple-skills --skill guide-swiftui-charts -a claude-code. The skill lands in ~/.claude/skills/guide-swiftui-charts/SKILL.md.

What does guide-swiftui-charts do?

It hands the agent Swift Charts patterns: marks, axes, selection, styling, composition, Chart3D and accessibility. It works as a guide to approaches rather than API reference.

How is this different from the regular Swift Charts documentation?

It is written as a workflow guide with pattern examples, and accessibility gets its own file, references/charts-accessibility.md.

Source text

SKILL.md · MIT

---
name: guide-swiftui-charts
description: Swift Charts patterns — marks, axes, selection, styling, composition, Chart3D, accessibility, and Audio Graph. Use when building or improving charts in SwiftUI.
type: guide
origin: https://github.com/AvdLee/SwiftUI-Agent-Skill
license: MIT
---

> **Guide Skill** — This is an expert workflow/pattern guide, not API reference documentation.
> Originally from [AvdLee/SwiftUI-Agent-Skill](https://github.com/AvdLee/SwiftUI-Agent-Skill) by Antoine van der Lee and Omar Elsayed. MIT License.

# Swift Charts

## References

| Topic | Reference |
|-------|-----------|
| Marks, axes, selection, styling, composition, Chart3D | `references/charts.md` |
| Accessibility, VoiceOver, Audio Graph, custom descriptors | `references/charts-accessibility.md` |

Similar skills

Everything for Mobile →

swift-charts dpearson2699 A skill that steers your coding agent through Swift Charts work on iOS 26+. Useful for bars, lines, donuts, heat maps and 3D surfaces. CX Codex +1 4,000installs swiftui-animation dpearson2699 Guides your agent through SwiftUI motion APIs. It helps choose spring curves, keyframes, transitions, and accessibility settings. CX Codex +1 5,400installs swiftui-patterns affaan-m Guides AI agents on modern SwiftUI architecture: @Observable state, type-safe navigation, and view performance. Useful when building or reviewing iOS and macOS UI. CX Codex +1 4,600installs swiftui-design nexu-io A skill that guides SwiftUI interface design by clear rules, avoiding typical AI-code mistakes. Directs design decisions, validates brand assets, and reviews layouts across five dimensions. CX Codex +1 2,900installs axiom-swiftui CharlesWiltgen A routing skill for SwiftUI work: takes a symptom like a stale view or janky scroll and points to the right reference, auditor or debugging path. CX Codex +1 1,500installs swiftui-design-principles arjitj2 A skill that hands your coding agent fixed rules for spacing, type and color in SwiftUI and WidgetKit, so the UI reads as a native app instead of generated markup. CX Codex +1 1,300installs

From the same set28

eventkit A reference skill for EventKit that answers questions about Apple calendars and reminders and points to the docs files behind each answer. CX Codex +1 461installs uikit UIKit API reference for iOS and iPadOS development. Helps the agent query views, controllers, and Auto Layout without browsing the web. CX Codex +1 455installs tipkit Apple TipKit API reference for Claude Code and coding agents. Helps configure contextual tips, the Tip protocol, and TipView. CX Codex +1 454installs guide-swift-concurrency Guides AI agents through reviewing and writing concurrent Swift 6.2 code under strict concurrency checks. It flags actor reentrancy bugs, unsafe tasks, and GCD patterns. CX Codex +1 431installs guide-swiftdata A skill for writing, reviewing and debugging SwiftData code: safe predicates, autosave rules and CloudKit constraints. CX Codex +1 435installs guide-swift-testing Provides patterns and review rules for Swift Testing. Helps write and audit test suites targeting Swift 6.2 concurrency. CX Codex +1 427installs core-animation This skill helps an agent find QuartzCore documentation for layer properties, animations, and related APIs. Use it when you need direct control over Core Animation behavior. CX Codex +1 400installs guide-swiftui-animations A guide skill for SwiftUI motion: implicit and explicit animations, transitions, phase and keyframe animations, the Animatable protocol. CX Codex +1 347installs