Build-time design-system rules that keep an Apple app cheap to restyle — role-named tokens, text styles that carry case and tracking, shared components with a ContentStateView, small views, identifier-based UI tests, and SwiftLint enforcement with a shrinking baseline. iOS, iPadOS, macOS, watchOS. Use when starting an app's UI, setting up tokens, adopting a designer's Figma/Sketch system, or preparing for or doing a redesign.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Design System (build-time rules)
How cheap a redesign is depends almost entirely on how styling was written,
not on how big the app is. In a real ~45k-line SwiftUI app going through a
full redesign, about a third of the estimate was **pure restyling** of screens
that already worked — because of hand-set font sizes and colours, case applied
at call sites, appearance-named tokens, per-screen loading/empty states,
3,000-line view files, and UI tests that matched visible text.
This skill is the set of rules that prevents that. `design/typography` covers
*choosing* type and Dynamic Type; `product/ux-spec` writes a
`DESIGN_SYSTEM.md` spec. This skill is about how the code is written so the
look can change in one place.
## When This Skill Activates
- Starting the UI of a new app (before the first screen)
- Setting up colour/spacing/type tokens, or adopting a designer's system
- A redesign is coming, or restyling is taking longer than it should
- Reviewing UI code for restyle cost
## Styling
1. **No raw style values in views.** Fonts, colours, spacing, radius and
shadow come from tokens. Allowed: `0`, and an icon-size token.
…
The line at the top of this page pins the label git:20261104.eb2ddbc, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_lzhzaucnobrvqqrz
GET https://markdownregistry.com/api/v1/resolve?ref=rshankras/claude-code-apple-skills/design-system
GET https://markdownregistry.com/api/v1/blob/303be22a7af2183f8a420249114ce7f1548eebc48f05d010dc0558c5549c9782
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
rshankras/claude-code-apple-skills · skills/app-store/ad-attribution/SKILL.md · Privacy-preserving ad measurement with AdAttributionKit (SKAdNetwork's successor) — install and re-engagement…
rshankras/claude-code-apple-skills · skills/app-store/app-description-writer/SKILL.md · Generate compelling App Store descriptions that convert browsers into users. Use when writing initial descriptions…
rshankras/claude-code-apple-skills · skills/app-store/iap-finalizer/SKILL.md · Take a one-time in-app purchase from MISSING_METADATA to READY_TO_SUBMIT in App Store Connect — set its price schedule…
rshankras/claude-code-apple-skills · skills/app-store/keyword-optimizer/SKILL.md · Optimize app title, subtitle, and keywords for maximum App Store discoverability. Use when launching a new app…
rshankras/claude-code-apple-skills · skills/app-store/marketing-strategy/SKILL.md · App Store marketing strategy advisor that analyzes your app and recommends the best promotional features. Orchestrates…
rshankras/claude-code-apple-skills · skills/app-store/ratings-mechanics/SKILL.md · How App Store ratings actually behave — per-storefront isolation (your US stars show nowhere else), the never-reset…
rshankras/claude-code-apple-skills · skills/app-store/rejection-handler/SKILL.md · Handle App Store rejections, prepare submissions to avoid common rejection reasons, write Resolution Center responses…
rshankras/claude-code-apple-skills · skills/app-store/review-response-writer/SKILL.md · Write professional, empathetic responses to App Store reviews that build trust and turn critics into fans. Use when…
cbrock84/headcount · plugins/product/skills/design-system/SKILL.md · Builds and maintains the design system a product is assembled from — tokens for color, type, spacing and elevation…
microsoft/power-platform-skills · plugins/mobile-apps/skills/design-system/SKILL.md · Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts…
borghei/claude-skills · markdown-html/design-system/SKILL.md · Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one…
rampstackco/claude-skills · skills/design-system/SKILL.md · Build or audit a design system including component library, design tokens, naming conventions, contribution model, and…
