🎨
FrontendSwift

Design

by rshankras

Design is a Frontend skill for Claude Code, published by rshankras in claude-code-apple-skills.

659 stars60 forkson rshankras/claude-code-apple-skillsAdded 2026/08/24+3% in starsRepository updated 2026/07/24
View source on GitHubDownload repo ZIP
agent-skillsai-toolsanthropicapp-storeappleasoclaudeclaude-codecode-generationdeveloper-toolsindie-developeriosipadosmacosswiftswiftuivisionoswatchosxcode
Install in seconds
Install Design
Copy Design into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/design ~/.claude/skills/design

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/rshankras/claude-code-apple-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
skills/design/SKILL.md in rshankras/claude-code-apple-skills
Installs to
~/.claude/skills/design
Collection
One of 25 skills cataloged from this repository
Category
Frontend — 567 skills

What Design does

Design helps implement Apple platform UI patterns like Liquid Glass, animations, game feel, SF Symbols, typography, and UX writing. Use it when building interface polish, feedback, or visual design details.

Design is cataloged under Frontend on DirSkills. Design comes from a repository tagged agent-skills, ai-tools, anthropic, app-store and apple.

Frequently asked about Design

  • What else does rshankras publish alongside Design?

    Design is one of 25 skills that DirSkills catalogs from rshankras/claude-code-apple-skills, the repository it ships in. Its siblings there include Ad Attribution, App Description Writer and App Store Optimization. Each one is a separate skill with its own page in this directory, installs the same way Design does, and is maintained by rshankras in that same repository. The rest of the collection is listed on the rshankras/claude-code-apple-skills page.

  • How does Design compare to other Frontend skills?

    Design ranks #428 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Design against them. Open each page to compare what they document and how they install.

More from rshankras/claude-code-apple-skills

Design is one of 25 skills cataloged on DirSkills from rshankras/claude-code-apple-skills.

See all 25 skills →
📣
1w ago

Ad Attribution

Ad Attribution helps you implement Apple's AdAttributionKit for install and re-engagement measurement outside Apple Ads. Use it to design conversion values, configure postbacks, and test attribution end to end.
Automation
65960
📝
1w ago

App Description Writer

App Description Writer generates App Store promotional text, full descriptions, and What's New copy. Use it when writing new listings, revising existing copy, or preparing update notes.
Writing
65960
🏪
1w ago

App Store Optimization

App Store Optimization helps write App Store descriptions, screenshots, keywords, review responses, and marketing plans. Use it when improving app discoverability, promotion, or customer communication in the App Store.
SEO
65960
🍎
1w ago

Apple Intelligence

Apple Intelligence helps implement on-device AI features such as Foundation Models, Visual Intelligence, and App Intents. Use it when adding structured outputs, prompt handling, Siri, Shortcuts, or Spotlight integration.
AI Engineering
65960
🛠️
1w ago

Code Generators

Code Generators produce production-ready Swift code for common iOS and macOS app components. Use it when you need to add infrastructure like analytics, onboarding, paywalls, persistence, deep linking, tests, widgets, or CI/CD.
AI Engineering
65960
🤖
1w ago

Core ML

Core ML integrates Apple machine learning frameworks into apps for image classification, text analysis, object detection, sound classification, and custom model inference. Use it when choosing between Core ML, Vision, NaturalLanguage, Create ML, or Foundation Models.
AI Engineering
65960

More Frontend skills

Design is one of 567 Frontend skills cataloged on DirSkills, ranked #428 by stars among them.

Browse all Frontend skills →
🅰️
3w ago

Angular Developer

Angular Developer generates Angular code and provides architectural guidance for Angular projects. Use it for creating projects, components, or services, or for best practices on reactivity, forms, DI, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.
Frontend
239.8K36.4K
🏗️
3w ago

Android Clean Architecture

Android Clean Architecture provides patterns for structuring Android and Kotlin Multiplatform projects, covering module boundaries, UseCases, Repositories, and data layer with Room, SQLDelight, and Ktor. Use it when setting up layered architecture in Android or KMP projects.
Frontend
239.8K36.4K
♿
3w ago

Accessibility

Accessibility helps design, implement, and audit inclusive digital products using WCAG 2.2 Level AA standards for keyboard, contrast, and screen-reader support. Use it when building or auditing UI that must meet WCAG 2.2 Level AA or reviewing changes for accessibility.
Frontend
239.8K36.4K