macos-design-skill
Native macOS app layouts, colors, and interaction patterns
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install macos-design-skill?โผ
Run `npx skills add ceorkm/macos-design-skill --all -g -y` in your terminal to install this skill globally.
How to make a web app look like a native Mac app?โผ
This skill gives your agent Apple's layout formula, exact CSS values for colors, blur, and shadows, plus rules for traffic lights, sidebars, and window chrome.
Does it handle light and dark mode correctly?โผ
Yes. It provides independent palettes for each mode instead of naive color inversion, with proper background separation for dark mode.
Does macos-design-skill work with Claude Code and Cursor?โผ
Yes. It follows the universal SKILL.md standard and runs in Claude Code, Cursor, OpenClaw, and other compatible agents.
Can I use it with Electron or Tauri apps?โผ
Yes. The guidelines cover web, Electron, Tauri, and native frameworks, including system title bar integration and native drag-and-drop.
Related Repositories in Design & Creative
View All in Design & Creativeโui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
ui
Build and customize beautiful React component libraries with AI
open-design
Open-source AI design studio for decks, prototypes, images, and video