CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

macos-design

Design and build native-feeling macOS application UIs. Use this skill whenever the user asks to create a desktop app, macOS app, Mac-style interface, Apple-style UI, system utility, or anything that should look and feel like a native Mac application. Also trigger when users mention "native feel", "desktop app design", "Apple design patterns", "sidebar layout", "traffic lights", or want to build tools/utilities that feel like they belong on macOS. This skill covers layout, composition, interaction patterns, animations, light/dark mode, and all the subtle details that make an app feel like Apple built it.

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

78%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-structured, appropriately lean overview that delegates detail to a real, well-organized reference bundle and provides specific numeric guidance for most implementation concerns. The main gaps are a trimmable philosophical opener, a few unspecific directives, and the absence of any post-build verification step.

Suggestions

Trim or fold the 'Core Philosophy' section into the opening line — 'A native app is not a destination' is flourish that could be cut without losing actionable guidance.

Replace vague directives like 'Shadows should be subtle and layered' with concrete specs (e.g., a 2-3 layer shadow recipe with blur/offset/opacity values), and consider one small copy-paste CSS snippet for the window chrome.

Add a brief post-build validation pass, e.g., 'Re-run the Quick-Start Checklist against the finished UI before delivering' to close the workflow with an explicit checkpoint.

DimensionReasoningScore

Conciseness

The checklist and implementation notes are dense with every item earning its place (exact px radii, font stack, drag-zone height), but the philosophical opener ('A native app is not a destination. It is a system tool...') is trimmable flourish. Efficient overall with only minor instances of over-explanation, fitting anchor 4 rather than the every-token-counts standard of anchor 5.

4 / 5

Actionability

Mostly concrete, executable guidance: '-apple-system, BlinkMacSystemFont' font stack, '10px for windows, 8px for cards, 6px for buttons, 4px for inputs', 'backdrop-filter: blur()', 'Top ~50px must be draggable'. Falls short of anchor 5 because a few directives lack specs ('Shadows should be subtle and layered') and no copy-paste-ready code block is provided; well above anchor 3's pseudocode level.

4 / 5

Workflow Clarity

Clear sequence: read references based on what is being built, run the 'pre-flight before writing any code' checklist, then apply implementation notes. The checklist acts as an explicit pre-code checkpoint, but there is no post-build verification pass, matching anchor 4's 'most checkpoints present' rather than anchor 5's feedback loops. This is a design skill, so the destructive/batch validation cap does not apply.

4 / 5

Progressive Disclosure

A 52-line overview with three one-level-deep references (layout-and-composition.md, interaction-patterns.md, visual-design.md) that all exist and match the referenced paths exactly. References are clearly signaled with conditional triggers ('All macOS apps → Read ... (required)'), and the bulk detail (796 lines) correctly lives in the bundle files rather than the body — matching anchor 5's exemplar of a clear overview with well-signaled references.

5 / 5

Total

17

/

20

Passed

Description

95%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description that clearly states what the skill does and when to use it, with unusually thorough and natural trigger-term coverage including synonyms and distinctive macOS-specific phrases. The only soft spot is that the capability list reads as topical coverage rather than a list of distinct concrete actions.

DimensionReasoningScore

Specificity

Names the domain ('Design and build native-feeling macOS application UIs') and enumerates coverage areas ('layout, composition, interaction patterns, animations, light/dark mode'), which goes beyond the 1-2 actions of anchor 3, but the coverage items are topics rather than distinct concrete actions, falling short of anchor 5's comprehensiveness.

4 / 5

Completeness

Explicitly answers both questions: 'what' ('Design and build native-feeling macOS application UIs') and 'when' with concrete trigger phrases ('Use this skill whenever the user asks to create a desktop app... Also trigger when users mention "native feel"...'). This mirrors anchor 5's exemplar structure exactly.

5 / 5

Trigger Term Quality

Comprehensive natural keyword coverage including synonyms users would actually say: 'desktop app, macOS app, Mac-style interface, Apple-style UI, system utility', plus 'native feel', 'desktop app design', 'Apple design patterns', 'sidebar layout', 'traffic lights'. This matches anchor 5's standard of natural terms with synonym variation; nothing common is missing.

5 / 5

Distinctiveness Conflict Risk

Clear niche with distinct triggers ('traffic lights', 'Apple design patterns', 'Mac-style interface') anchored specifically to macOS-native aesthetics; minimal conflict risk since few other skills would claim these triggers. Better fit than anchor 4, which requires minor overlap with closely related skills.

5 / 5

Total

19

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

davepoon/buildwithclaude

Path

plugins/all-skills/skills/macos-design/SKILL.md

Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.