개발 스킬

Build or refactor SwiftUI screens using component examples for navigation, state, layouts, and controls. The skill guides screen composition, asynchronous loading, previews, and build checks while following existing project conventions and supported operating system versions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Set up tabs, navigation, and sheets in a new app
• Refactor large screens into focused subviews
• Clarify state ownership and dependency sharing

Add native macOS behavior when SwiftUI alone falls short. Choose a small AppKit bridge for views, windows, panels, or menus, while clarifying state ownership, data flow, and lifecycle risks that need validation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Wrapping an AppKit view for use in SwiftUI
• Adding window behavior or file open and save panels
• Handling menu validation and command routing

Create websites, dashboards, games, and app interfaces from image-generated design concepts. The skill turns the accepted concept into reusable UI components, implements working controls, and checks browser rendering, interactions, and responsive layouts against the design.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a new website from visual concepts
• Create a dashboard or management interface
• Redesign the appearance of an existing site

Build macOS app windows and interfaces with SwiftUI, including menus, toolbars, settings, sidebars, and inspectors. Guides state ownership and file organization while keeping keyboard actions, multiple windows, and system appearance in mind.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Scaffold a new macOS app
• Build a sidebar and detail layout
• Add settings and keyboard shortcuts

Apply Vercel Engineering’s performance guidelines when writing, reviewing, or refactoring React and Next.js code. Prioritize improvements to data fetching, downloaded code size, server processing, and unnecessary rendering using rules with explanations and code examples.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review React components for performance issues
• Improve data fetching in Next.js pages
• Reduce downloaded code and loading time

Build and maintain interfaces with shadcn/ui components, reusable pieces such as forms, cards, and dialogs. Find suitable components, follow project settings, fix composition and styling issues, and review updates while preserving local changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build settings pages and dashboards
• Fix form and dialog composition
• Update components while preserving local changes

Implement and review Liquid Glass interfaces in macOS SwiftUI apps. The skill prioritizes standard layouts and controls, removes backgrounds that obscure system materials, and guides custom glass surfaces, toolbar grouping, search placement, and transitions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Adopting Liquid Glass in an existing macOS app
• Reviewing custom toolbar and sidebar backgrounds
• Implementing custom glass controls and transitions

Write, review, and optimize Postgres queries, database structures, and configuration using guidance maintained by Supabase. Prioritized rules and SQL examples help assess query speed, connections, indexes, and row-level security, which controls access to individual rows.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review slow SQL queries
• Assess table structures and indexes
• Review connection pooling and scaling settings

Build and run iOS apps in Simulator using XcodeBuildMCP, then inspect screens, interact with controls, and capture logs to investigate runtime problems. It also supports launching an already built app and checking that the expected app opened.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build and launch an iOS app in Simulator
• Inspect screens and test taps or text entry
• Capture logs to investigate runtime problems

Customize windows in macOS SwiftUI apps, including titles, toolbars, drag areas, sizing, placement, and restoration. It helps give main windows, utility panels, and media players behavior suited to their purpose.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Customize titles and toolbars
• Keep borderless windows easy to drag
• Fit media windows to different displays

Refactor large macOS SwiftUI views into focused files and components. Clarify window state, selection, commands, and AppKit integration while preserving existing behavior and keeping the main layout stable as users change selections.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Split oversized SwiftUI views
• Organize state for each window
• Extract toolbar and command logic

Add focused runtime logs to a macOS app and verify that expected events appear. Uses Apple’s Logger to trace window, sidebar, menu, and background activity while keeping logs concise and excluding sensitive data.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Trace window opening and closing
• Verify sidebar selection events
• Investigate menu and keyboard commands

Expose useful iOS app actions and content through Shortcuts, Siri, Spotlight, widgets, and controls. Guides action selection, system-facing data types, implementation, and checks that actions complete correctly or open the intended app workflow.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Expose app actions through Siri and Shortcuts
• Open a specific app workflow from a system entry point
• Share action parameters with widgets and controls

View and interact with an iOS Simulator inside the Codex browser. Display SwiftUI previews from importable Swift packages, see source edits update the running preview, and capture screenshots to document the visible results.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Viewing and interacting with an iOS app in the browser
• Checking SwiftUI previews outside Xcode Canvas
• Iterating on package previews with hot reload

Investigate slow rendering, uneven scrolling, and excessive updates in SwiftUI apps by reviewing code first. When needed, use runtime measurements to assess likely causes, prioritize fixes, and compare performance before and after changes.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigate uneven scrolling and dropped frames
• Find causes of excessive view updates
• Review high CPU use or memory growth

Diagnose macOS app launch and trust failures by inspecting code signatures, app permissions, and Gatekeeper checks. Identify the failure category and get a minimal validation or repair sequence that distinguishes local development issues from distribution requirements.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating a macOS app that refuses to launch
• Checking invalid signatures or signing identities
• Diagnosing app permissions and sandbox mismatches

Profile app launches and individual user flows in iOS Simulator with ETTrace. Collect traces with readable function names, identify CPU-heavy call stacks, and compare performance changes when recording conditions are consistent.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating slow app launches
• Finding CPU-heavy work during a specific interaction
• Comparing performance before and after a change

Build, run, and test macOS Swift packages using SwiftPM, the Swift package manager. Identifies available libraries and executables, selects relevant commands and tests, and reports results with the main blocker when something fails.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a package without an Xcode project
• Choose and run an executable product
• Run a specific test target or case

Create dark-themed diagrams of systems, cloud infrastructure, security, or networks in a single HTML file. Color-coded components and connection arrows explain the structure, with built-in controls for copying images and exporting PNG or PDF files.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Explaining system components and their connections
• Documenting cloud regions and service layouts
• Illustrating security boundaries and authentication flows

Turn an early software idea into a concrete recommendation or implementation plan. Assess whether to build, compare approaches, and define success criteria, constraints, tests, and handoff steps so another engineer or agent can proceed.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Planning a new feature before coding
• Assessing whether a feature is worth building
• Choosing a software architecture

Investigate errors, crashes, and failures after updates using reproducible steps, logs, and runtime checks. Identify the root cause before making authorized fixes, then verify the result and check for the same problem elsewhere.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigating errors or crashes
• Finding why an update broke working behavior
• Investigating visual defects using reference screenshots

Audit Claude, Codex, or Pi configuration, instruction conflicts, hooks, and MCP connections to external tools. It also checks safeguards for maintaining AI-assisted projects and returns prioritized findings with evidence and concrete corrective or diagnostic steps.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Investigate agent settings or instructions that seem ineffective
• Audit hooks, MCP connections, and permission boundaries
• Check verification gaps and stale project guidance

Review code changes and pull requests, assess release readiness, or triage issues using project rules and current evidence. Reports identify concrete triggers and verification gaps, while authorized shipping tasks include checks of the resulting delivery state.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Review local changes or a pull request before merging
• Check release readiness and packaged artifacts
• Triage issues and pull requests

Review code for readability, security weaknesses, performance bottlenecks, test quality, and ease of maintenance. Receive findings grouped by importance, with explanations and concrete suggestions that reflect the project's context and constraints.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing code quality before merging changes
• Checking security and sensitive data handling
• Finding slow queries and unnecessary API calls