개발 스킬

Run builds, tests, code checks, and development servers in an Nx workspace. Choose one project, several projects, or projects affected by changes, with options for parallel execution, cached results, and failure handling.

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

• Run tests for selected projects
• Build and check projects affected by changes
• Run multiple tasks across the workspace

Write, review, and refactor React and Next.js code using performance guidelines from Vercel Engineering. Prioritize improvements to data fetching, downloaded code size, server processing, and unnecessary rendering, with rule files providing explanations and code examples.

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

• Reviewing React code for performance issues
• Reducing delays in Next.js data fetching
• Reducing downloaded code size and load times

Inspect and control live Chrome pages to investigate display problems, console errors, failed requests, and slow loading. Capture screenshots, automate page interactions, and record performance traces to identify where delays or layout shifts occur.

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

• Investigating page errors and failed network requests
• Finding causes of slow loading and layout shifts
• Capturing screenshots of pages or individual elements

Improve Astro site loading with critical CSS, the styles needed for the first screen, plus file compression, font loading adjustments, main image preloading, and deferred third-party scripts. Includes integration settings and a layout example.

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

• Improve an Astro site's initial loading
• Configure astro-critters and build compression
• Adjust font and main image loading

Create applications, libraries, and feature scaffolding with Nx generators, tools that produce starter code. It discovers suitable generators, prefers workspace-specific options, checks their behavior, and adjusts and verifies the generated files against existing project conventions.

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

• Create a library that follows existing workspace conventions
• Scaffold an application, component, or feature
• Discover and run a custom workspace generator

Explore and configure an Nx monorepo, where multiple projects share one repository. Inspect resolved project settings, identify projects affected by changes, and improve project boundaries, build caching, and CI/CD pipelines.

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

• Exploring applications and shared libraries in an Nx workspace
• Checking which projects a change affects
• Configuring project boundaries and build caching

Review a pull request using repository checks, verified code references, and current official documentation. Assess correctness, security, structure, and unnecessary code, then post one consolidated GitHub review with inline findings and an evidence-based verdict.

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

• Review a pull request before merging
• Check code structure and unnecessary comments
• Verify dependency changes against official documentation

Analyze business concepts in a codebase to map business areas and suggest service boundaries. Use Domain-Driven Design, an approach organized around business meaning, to classify responsibilities, assess how closely they belong together, and recommend clearer integration points.

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

• Mapping business capabilities in an unfamiliar codebase
• Planning service boundaries around business terminology
• Reviewing mixed responsibilities before refactoring

Turn an agreed specification or ticket into a checklist with specific tests or commands for each requirement. Implement the work, run the checks, and have a separate agent verify the entire feature.

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

• Implement a feature from an agreed specification
• Extract verifiable requirements from a ticket
• Verify every requirement with a separate agent

Design specialized assistants that work with their own separate context. Define responsibilities, delegation conditions, working steps, and report formats for reusable subagents handling verification, debugging, security audits, or code reviews.

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

• Creating an independent agent to verify completed work
• Defining a debugging specialist
• Creating a security audit agent

Turn agreed requirements or design documents into actionable development tasks grounded in existing code. Define observable acceptance criteria, scope, affected behavior, and unresolved decisions so builders can understand what to deliver and verify.

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

• Turning a requirements document into a task
• Checking a design against existing code
• Identifying missing behavior decisions

Build and troubleshoot Shopify themes, apps, and custom storefronts with task-specific references. It covers Liquid, Shopify’s template language, API data access, custom business rules, and performance improvements, using API version 2026-01.

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

• Write and debug Liquid templates
• Customize OS 2.0 themes
• Build Shopify apps and API integrations

Organize existing code components into business areas to prepare for service separation. Produce domain maps, component assignment tables, and refactoring plans that align namespaces, the naming structure used to organize code, with business responsibilities.

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

• Grouping existing components by business responsibility
• Planning service extraction from an existing application
• Aligning code namespaces with business areas

Build iOS and Android apps with React Native and Expo. Get guidance and typed component code for navigation, lists, animations, storage, and platform differences, with attention to scrolling performance and testing on both platforms.

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

• Building mobile screens with React Native and Expo
• Adding screen navigation with Expo Router
• Improving list scrolling and animation performance

Create a phased roadmap for splitting a monolithic application into separate services. Assess current progress, prioritize work by risk, value, and dependencies, and produce milestones, estimated effort, acceptance criteria, and progress reports.

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

• Planning a migration from a monolith to separate services
• Prioritizing components for extraction
• Defining phase milestones and completion criteria

Turn a recurring workflow into a new agent skill through guided discussion. Define use cases, activation conditions, file structure, and instructions, then create and validate SKILL.md and supporting files, including workflows using external tools through MCP.

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

• Turning recurring work into a reusable skill
• Standardizing report or document creation steps
• Designing workflows that use external services through MCP

Refactor React components that have too many true-or-false settings into reusable, flexible parts. This skill guides component composition, shared state, and API design, with examples and separate guidance for React 19 features.

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

• Refactoring components with many boolean props
• Designing a reusable component library
• Organizing state shared by sibling components

Guide an AI agent through code changes with explicit assumptions, simple implementations, focused edits, and testable goals. Use it for bug fixes, features, refactoring, or reviews to reduce guesswork and unnecessary changes.

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

• Fixing a bug with a test that reproduces it
• Adding a feature without expanding its scope
• Refactoring while preserving existing behavior

Analyze a monolithic codebase before splitting it into modules or services. The skill inventories components, examines duplication, hierarchy, and dependencies, then proposes groupings aligned with business domains, with optional checks against business terminology and boundaries.

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

• Assessing component sizes before splitting a monolith
• Finding duplicated business logic across modules
• Reviewing module hierarchy and dependencies

Collect review threads and comments from the open GitHub pull request for the current branch. Summarize the fixes each comment needs, then apply changes for the comments the user selects using the gh command-line tool.

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

• Reviewing outstanding pull request feedback
• Choosing which review comments to address
• Applying fixes for selected comments

Explore an early software idea through an interview, clarify the problem, and decide whether to proceed. Produce a design document covering decisions, flows, data structures, and interface agreements so others can plan the work.

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

• Clarifying the problem behind a proposed feature
• Deciding whether to build, postpone, or reduce scope
• Exploring alternatives before committing to development

Plan and implement features with a workflow that adapts to their complexity. It connects testable requirements to tasks, tests, and small commits, then checks the finished work against the specification through an independent verification pass.

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

• Define testable requirements for a new feature
• Implement a large feature through small, verified tasks
• Check whether an implementation meets its specification

Find classes left in parent folders or namespaces and identify nested component structures. Compare consolidation, splitting, and shared code extraction, then plan and carry out refactoring with updated references and tests.

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

• Find classes left in parent namespaces
• Compare consolidation and splitting of nested components
• Move shared utilities into a dedicated component

Find business logic repeated across software components, such as notifications, auditing, and validation. Compare responsibilities and dependencies, then recommend a shared service, shared library, or component merger with a prioritized consolidation plan.

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

• Finding duplicate business logic before refactoring
• Reviewing whether notification components should be merged
• Identifying candidates for shared services or libraries