Skill

apple-ui

Build or audit Apple interfaces with Xcode + Figma + MCP workflow. Delivers pixel-perfect, design-system-compliant SwiftUI/UIKit output.

From brand-bond-os

Install

Run in your terminal

npx claudepluginhub brandbondco/brand-bond-os --plugin brand-bond-os

Tool Access

This skill uses the workspace's default tool permissions.

Skill Content

Similar Skills

cache-components

Guides Next.js Cache Components and Partial Prerendering (PPR) with cacheComponents enabled. Implements 'use cache', cacheLife(), cacheTag(), revalidateTag(), static/dynamic optimization, and cache debugging.

cache-components

138.6k

claude-opus-4-5-migration

2 files

Migrates code, prompts, and API calls from Claude Sonnet 4.0/4.5 or Opus 4.1 to Opus 4.5, updating model strings on Anthropic, AWS, GCP, Azure platforms.

claude-opus-4-5-migration

83.2k

evaluation-methodology

1 file

Details PluginEval's skill quality evaluation: 3 layers (static, LLM judge), 10 dimensions, rubrics, formulas, anti-patterns, badges. Use to interpret scores, improve triggering, calibrate thresholds.

plugin-eval

32.9k

Stats

Parent Repo Stars0

Parent Repo Forks0

Last CommitMar 25, 2026

Actions

View Source View Plugin View on GitHub View README

Output

SCOPE — Implemented or audited screens/components TOKEN MAPPING — Figma variables -> code tokens COMPONENT MODEL — API + state coverage IMPLEMENTATION — SwiftUI/UIKit architecture notes QA RESULT — Pixel, interaction, accessibility checks OPEN RISKS — [Risk] -> [Why it fails] -> [Fix] NEXT STEP — Concrete implementation action

/apple-ui

Run this command for any iOS, iPadOS, or macOS UI task that requires production-grade implementation quality from Figma to Xcode.

What this does

Activates claude-apple-figma-mcp to execute an end-to-end Apple UI workflow:

design context extraction
token and component mapping
SwiftUI/UIKit implementation
pixel + interaction + accessibility QA

Usage

/apple-ui [scope]

Examples:

/apple-ui implement onboarding flow from Figma
/apple-ui audit existing iOS screen for pixel-perfect compliance
/apple-ui map design tokens to SwiftUI components
/apple-ui (starts a scoped intake for Apple UI work)

Output

SCOPE              — Implemented or audited screens/components
TOKEN MAPPING      — Figma variables -> code tokens
COMPONENT MODEL    — API + state coverage
IMPLEMENTATION     — SwiftUI/UIKit architecture notes
QA RESULT          — Pixel, interaction, accessibility checks
OPEN RISKS         — [Risk] -> [Why it fails] -> [Fix]
NEXT STEP          — Concrete implementation action

Connects to

claude-apple-figma-mcp · bb-design-system · .claude/rules/digital-product.md