メニュー
Apply Cursor Metro's design system for consistent UI. Use when adding or changing SwiftUI views, padding, spacing, font sizes, or colors so new and edited UI matches the app's theme and stays consistent.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Resets Cursor Metro's local app state to a first-launch style state. Use when the user wants to simulate an out-of-box launch, clear restored projects/tabs, wipe app-local preferences, or start Cursor Metro fresh, with an optional deeper reset that also deletes repo-local `.metro` folders when explicitly requested.
Creates a Debug or Release build of the Cursor Metro macOS app. Use when the user asks for a release build, debug build, "build for release", "build for debugging", or to build the Cursor Metro app in a specific configuration.
Ensures the Cursor Metro app still compiles after agent-made code changes. Use after editing Swift or other source files, refactoring, or applying fixes—run a build and fix any compile errors before considering the task done.
Resets Cursor user settings and keybindings to factory defaults. Use when the user wants a fresh Cursor configuration, to clean settings, start over, or "as if opened fresh."
Fixes build errors for the Cursor Metro macOS app. Runs the build, parses xcodebuild errors, applies fixes, and re-builds until the build succeeds. Use when the user says /fb, "fix the build", or wants to fix compile errors in the Cursor Metro project.
| name | ui-cursor |
| description | Apply Cursor Metro's design system for consistent UI. Use when adding or changing SwiftUI views, padding, spacing, font sizes, or colors so new and edited UI matches the app's theme and stays consistent. |
Use Theme/CursorTheme.swift for all visual constants. Do not hardcode colors, padding, spacing, or font sizes in views.
Colors – Use CursorTheme semantic colors with @Environment(\.colorScheme):
CursorTheme.textPrimary(for: colorScheme), textSecondary, textTertiaryCursorTheme.surfaceRaised(for: colorScheme), border(for: colorScheme)CursorTheme.brandBlue, semanticError, semanticSuccess, etc.Color.red, Color.gray, or literal RGB in views.Spacing and padding – Use theme constants instead of magic numbers:
CursorTheme.paddingCard (12), CursorTheme.paddingPanel (12), paddingChrome (18) for window chrome and divider gutters, paddingSidebarUniform (75% of paddingChrome, sidebar interior only), paddingHeaderHorizontal (16), paddingHeaderVertical (12), paddingBadgeHorizontal (5), paddingBadgeVertical (2)CursorTheme.gapSectionTitleToContent (16), gapBetweenSections (20), spacingListItems (8)spaceXXS (2), spaceXS (4), spaceS (8), spaceM (12), spaceL (16), spaceXL (24), spaceXXL (32).padding(12) with .padding(CursorTheme.paddingCard) or .padding(CursorTheme.paddingPanel) as appropriate.Typography – Use theme font sizes for consistency:
fontTiny (9), fontCaption (10), fontSmall (11), fontSecondary (12)fontBodySmall (13), fontBody (14), fontBodyEmphasis (15)fontSubtitle (16), fontTitleSmall (17), fontTitle (18), fontTitleLarge (20), fontDisplaySmall (22), fontDisplay (24).font(.system(size: CursorTheme.fontBody, weight: .regular)), .font(.system(size: CursorTheme.fontSecondary, weight: .medium))fontIconList (18) for bullet/checkbox size.Radii – Use CursorTheme.radiusCard (12) for cards and raised surfaces; use spaceXS (4) for small radii (e.g. badges).
When touching existing UI – Prefer replacing hardcoded numbers with the matching theme constant (same value) so future changes are in one place.
Theme/CursorTheme.swift// Bad
Text("Title")
.font(.system(size: 18, weight: .semibold))
.foregroundColor(.white)
VStack(spacing: 8) { ... }
.padding(12)
// Good
Text("Title")
.font(.system(size: CursorTheme.fontTitle, weight: .semibold))
.foregroundStyle(CursorTheme.textPrimary(for: colorScheme))
VStack(spacing: CursorTheme.spacingListItems) { ... }
.padding(CursorTheme.paddingCard)