개발 스킬

Review SwiftUI code for outdated APIs, data flow, navigation, accessibility, and performance. Receive findings grouped by file, with line references, brief before-and-after fixes, and a prioritized summary of the changes that matter most.

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

• Reviewing existing SwiftUI code
• Updating deprecated APIs
• Checking VoiceOver and Dynamic Type support

Review Swift async/await code, which runs tasks without blocking while waiting. Check shared state, task structure, cancellation, streams, and migration issues, then receive file-specific findings with before-and-after fixes and a prioritized summary.

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

• Checking actor isolation and shared-state handling
• Reviewing task structure and cancellation
• Investigating strict concurrency compiler errors

Turn specifications into a detailed implementation plan before coding. Break work into small tasks with exact file paths, code, test commands, and interfaces so another developer or agent can follow the plan.

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

• Planning a feature before coding
• Preparing a development handoff
• Breaking requirements into testable tasks

Build documentation sites from Markdown with VitePress, then configure navigation, search, and themes. The skill also covers embedding Vue components, organizing multilingual content, and preparing deployment settings for supported hosting platforms.

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

• Build a documentation site from Markdown
• Customize navigation, search, and themes
• Embed Vue components in documentation

Configure UnoCSS and style interfaces with utility classes, small reusable styling instructions. Use project settings to define custom rules, shortcuts, themes, and presets for features such as icons, typography, and attribute-based styling.

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

• Adding UnoCSS to a Vite or Nuxt project
• Combining repeated styles into shortcuts
• Defining shared colors and responsive breakpoints

Build and configure web servers with Nitro, including request handlers, caching, storage, and scheduled tasks. The skill also guides deployment to supported runtimes and platforms, plus migration from Nitro v2 to v3.

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

• Implementing server routes and caching
• Adding scheduled tasks and WebSocket connections
• Configuring deployment for supported platforms

Develop Vue web applications with Nuxt, covering pages, data fetching, shared state, and server API routes. Configure rendering on the server or in the browser, and prepare deployment settings for supported platforms.

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

• Build pages and routing for a Vue application
• Fetch API data and manage shared state
• Implement server API routes and middleware

Manage Node.js dependencies with pnpm, from installing packages to coordinating multiple projects in one workspace. The skill covers shared version settings, third-party package patches, dependency overrides, and consistent installation procedures for automated build environments.

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

• Unifying dependency versions across a workspace
• Patching third-party packages and overriding versions
• Configuring package installation in CI

Configure Vite projects for development and production builds, create plugins, and build libraries or apps with server-side rendering, where pages are generated on the server. The skill also covers migrating configuration to Vite 8.

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

• Configuring the development server and production build
• Creating Vite plugins
• Building libraries and server-rendered apps

Create a GitHub pull request from the current branch with a structured title, a clear explanation of behavior changes, and recorded check results. For UI changes, attach before-and-after screenshots so reviewers can assess the visual differences.

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

• Preparing and publishing a PR from the current branch
• Writing a PR description backed by verification results
• Attaching before-and-after screenshots for UI changes

Set up JavaScript and TypeScript projects using Anthony Fu’s conventions for code organization, development tools, and package publishing. Establish shared checks for formatting, types, unused code, and tests before committing changes.

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

• Setting up a new TypeScript project
• Standardizing formatting and code checks
• Managing dependencies across a monorepo

Build Vue 3 components with TypeScript and Composition API, a way to organize component logic. Define inputs, events, and two-way bindings, manage reactive data, and use built-in components for transitions and state preservation.

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

• Build Vue components with TypeScript
• Define component inputs, events, and two-way bindings
• Update displays and react to data changes

Organize shared data and update logic in Vue apps using Pinia stores, containers for application state. The skill guides store definitions, reactive data access, communication between stores, testing, and integration with Nuxt and server-side rendering.

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

• Organizing shared data and update logic in Vue apps
• Connecting stores and extending them with plugins
• Testing components with mocked stores

Archive several OpenSpec changes together after reviewing their documents, task completion, and specification conflicts. The agent checks actual code to decide which specification updates to apply, asks for confirmation, and reports successes, skipped changes, and failures.

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

• Archiving several completed changes together
• Reviewing incomplete documents and tasks before archiving
• Resolving overlapping specifications using implementation evidence

Learn the complete OpenSpec workflow through a small task in an actual codebase. The agent explains each stage while creating a proposal, specifications, design, and tasks, then implements the change and archives its records.

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

• Learning OpenSpec through a real code change
• Understanding proposals, specifications, designs, and tasks
• Practicing a complete change cycle with a small fix

Explore development ideas and problems through conversation, code investigation, diagrams, and comparisons. The skill helps clarify requirements, weigh approaches, and surface risks before or during a change, with optional documentation of decisions when requested.

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

• Clarify a vague feature idea and its requirements
• Investigate existing code to understand a problem
• Compare technical approaches and their tradeoffs

Set up a new OpenSpec change for a feature, fix, or modification. Create its working directory, show the document sequence and current status, and present the first template so drafting can begin.

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

• Start a new feature change in OpenSpec
• Set up a change for a bug fix
• Start a change with a chosen workflow

Create the OpenSpec documents needed to begin implementing a feature or fix. Follow the workflow's dependency order and templates, using completed documents as context until all prerequisites for implementation are ready.

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

• Prepare implementation documents for a new feature
• Turn a fix description into the required documents
• Generate related documents in dependency order

Continue an existing OpenSpec change by creating one next document. Check progress and dependencies, follow the workflow's template, and report what was completed and which documents are now available to create.

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

• Resume documentation for an existing change
• Create and review one document at a time
• Draft specifications or design from earlier documents

Update main specifications from delta specs, documents describing intended changes. Apply requirement additions, edits, removals, and renames while preserving unrelated content and keeping the change active for further implementation work.

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

• Reflect requirement changes in main specifications
• Add scenarios while preserving existing ones
• Create main specifications for a new capability

Find the relevant architectural guidance for API design, security, cloud infrastructure, message queues, and caching. This skill acts as an index to specialized references and lists principles for structuring software, distributed systems, and access controls.

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

• Finding guidance for API design
• Reviewing security architecture topics
• Exploring containers, K8s, and Serverless

Strengthen interfaces for real usage by handling long text, network failures, empty data, and repeated submissions. Improve internationalization, meaning support for different languages and regional formats, alongside accessibility and recovery from errors.

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

• Fixing layout overflow caused by long text
• Adding recovery options for network and API errors
• Supporting translations and right-to-left languages

Choose a programming language for a development task and find the corresponding language guide. This index maps web development, systems programming, automation, and security tools to options including Python, Go, Rust, TypeScript, Java, C/C++, and Shell.

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

• Choosing a language for a web backend
• Finding guidance for frontend development
• Comparing languages for systems programming

Organize development work across multiple AI agents by defining roles, splitting tasks, sharing status, and resolving conflicts. Use file ownership rules and Codex agent tools to coordinate parallel changes without assigning simultaneous writers to one file.

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

• Breaking a large development task into assignments
• Processing multiple files in parallel
• Coordinating refactoring across modules