ceorkmceorkmCommunityยท1 Agent Skills Included

macos-design-skill

Native macOS app layouts, colors, and interaction patterns

Generates native-feeling macOS application interfaces with Apple's exact layout formula, typography, colors, and spacing values. Eliminates guesswork around dark mode palettes, blur effects, shadows, keyboard shortcuts, and drag-and-drop behavior. Provides production-ready CSS values and checklists so desktop apps look and feel like Apple built them.
npx skills add ceorkm/macos-design-skill --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How 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โ†’