개발 스킬

Plan the early stages of a browser game by choosing suitable technology and coordinating gameplay, interface, assets, and playtesting. It defaults to Phaser for 2D games and routes more specific work to the relevant specialist skills.

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

• Choosing technology for a browser-game prototype
• Planning gameplay loops, failure states, and progression
• Coordinating interfaces and 2D or 3D assets

Translate Figma designs into SwiftUI code, or bring SwiftUI views, screens, and design tokens into Figma. The guidance preserves iOS interface patterns, semantic colors, and SF Symbols names across both directions.

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

• Implementing a Figma screen in SwiftUI
• Bringing an existing SwiftUI screen into Figma
• Mapping iOS colors and icons between design and code

Build app screens with Expo Router using guidance on layouts, navigation, native tabs, and animations. Includes implementation patterns for styling, adapting to screen sizes, and checking features in Expo Go.

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

• Build app screens with Expo Router
• Organize navigation with native tabs and stacks
• Add search, menus, and screen transitions

Guide Expo SDK upgrades through dependency updates, diagnostics, configuration cleanup, and migration of deprecated packages. Includes checks for native project changes and guidance for moving audio and video code to replacement APIs.

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

• Upgrade Expo SDK and resolve dependency issues
• Migrate from expo-av to expo-audio and expo-video
• Review native project changes during an upgrade

Implement and debug data fetching in Expo and React Native apps. Get guidance on API requests, caching, error handling, authentication tokens, offline behavior, and environment configuration, with fetch, React Query, and SWR options.

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

• Implementing API requests in an app
• Choosing React Query or SWR for caching
• Investigating network errors and retries

Turn Figma animations into runnable application code by combining design structure with motion data. Preserve timing, easing—the way movement accelerates—and coordinated animations while adapting to the project's existing libraries and reduced-motion accessibility preferences.

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

• Implement an animated component from a Figma URL
• Coordinate several elements on a shared animation timeline
• Reproduce animation along an SVG path

Build development clients for Expo apps that use custom native code. Covers local and cloud builds, device installation, TestFlight distribution, and connecting installed clients to a local development server.

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

• Test custom native modules on physical devices
• Distribute an iOS development build through TestFlight
• Build iOS or Android development clients locally

Build charts and interactive diagrams in TypeScript with explicit data types and clear component boundaries. Guides library selection, data validation, interaction design, and shareable view settings to support maintainable visualization code.

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

• Choose a visualization library for a TypeScript app
• Refactor a D3 prototype into maintainable TypeScript
• Define data types for selections and tooltips

Review Git code changes using the CodeRabbit CLI. Receive a summary of the changes and issues ordered by severity, with affected file paths, practical impact, and concrete suggestions for follow-up fixes.

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

• Reviewing uncommitted code changes
• Checking changes against a base branch
• Organizing quality and security issues by severity

Build AI agents on Cloudflare Workers with the Agents SDK. Implement persistent state, real-time chat, scheduled tasks, multi-step background workflows, and MCP servers, using current Cloudflare documentation to guide implementation.

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

• Build agents that retain and synchronize state
• Create real-time chat with resumable streaming
• Implement scheduled tasks and multi-step workflows

Choose, create, and review software diagrams that explain structure, interactions, workflows, states, or data relationships. Select suitable notation and rendering tools, then plan static exports or interactive views with readable layouts, accessible controls, and validation.

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

• Explain login interactions with a sequence diagram
• Turn a database schema into an entity relationship diagram
• Document application architecture with C4

Build and review Cloudflare Durable Objects for applications that retain shared state, such as chat rooms, games, and booking systems. Covers SQLite storage, remote method calls, WebSockets, scheduled work, Workers integration, configuration, and Vitest tests.

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

• Build shared state for chat rooms, games, and bookings
• Implement remote methods, SQLite storage, WebSockets, and alarms
• Configure Workers bindings and migrations

Design and build visual stories where scrolling changes charts, maps, or video. Plan meaningful scene transitions, choose suitable implementation tools, and provide mobile layouts and static alternatives for readers who prefer reduced motion.

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

• Build a story with charts that change as readers scroll
• Create a timeline combining maps and video
• Compare scrolling narratives with step-by-step displays

Build and deploy AI agents on Cloudflare Workers using the Agents SDK. Supports persistent conversation state, live WebSocket connections, scheduled tasks, and tool integration, with guidance for connecting browser or React chat interfaces.

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

• Build a chatbot that preserves conversation history
• Connect a live chat interface through WebSockets
• Schedule reminders and recurring background tasks

Integrate charts and architecture diagrams into React or Next.js apps. Plan which parts run in the browser, separate rendering from application state, and address loading performance, mobile layouts, accessibility, and shareable views.

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

• Integrating D3 charts into React components
• Choosing browser or server rendering in Next.js
• Sharing chart filters and selections through URLs

Choose automatic layouts for diagrams made of connected nodes. Match algorithms and tools to the graph structure, then plan connector routes, overlap handling, and stable placement so readers can follow relationships and edits remain predictable.

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

• Reducing crossings in a dependency graph
• Routing ERD connectors around tables
• Choosing layouts for trees and networks

Build isolated code execution environments on Cloudflare Workers for AI-generated code, scripts, and build pipelines. Covers running commands, managing files, preserving interpreter state, exposing service previews, and cleaning up sandbox resources.

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

• Build an execution environment for AI-generated code
• Run build and test pipelines in isolation
• Preview a web service running in a sandbox

Write and review Cloudflare Workers code using current official guidance. Check configuration, asynchronous tasks, large response handling, secrets, and service connections, with findings supported by documentation, code locations, or validation results.

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

• Writing a new Cloudflare Worker
• Reviewing Workers code before production use
• Checking wrangler.jsonc and service bindings

Set up a repeatable build, launch, and debugging workflow for macOS apps using Xcode or SwiftPM, Swift’s package manager. A project script handles relaunching, connects to the Codex Run button, and supports logs and process checks.

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

• Build and launch a macOS app with one script
• Connect a project to the Codex Run button
• Investigate build errors or startup failures

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

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

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

Build or review SwiftUI interfaces using Liquid Glass on iOS 26 and later. Apply native glass effects to controls, group related elements, check interaction and transitions, and provide fallback visuals for earlier iOS versions.

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

• Add Liquid Glass to existing buttons and cards
• Review glass effect usage and modifier order
• Group glass elements and add animated transitions

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