개발 스킬

Diagnose slow loading, high memory use, and low frame rates in USD 3D scenes. Coordinate scene structure checks, validation, optimization, and before-and-after performance comparisons, then produce a report documenting findings and changes.

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

• Investigating slow USD scene loading
• Diagnosing low frame rates in CAD scenes
• Investigating high GPU or system memory use

Build, refactor, and troubleshoot ChatGPT apps with an MCP server, which exposes tools to the assistant, and an interactive widget. Use official documentation and examples to plan tools, scaffold code, configure security settings, and validate local operation.

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

• Scaffolding a ChatGPT app with a server and widget
• Planning app tools and their inputs
• Refactoring an existing Apps SDK demo

Recreate a website from its URL as a locally runnable frontend app. Capture desktop and mobile layouts, assets, and interactive states, then compare the implementation with the source and complete visual and interaction quality checks.

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

• Recreating a website you own as a local app
• Reproducing desktop and mobile layouts
• Recreating menus, forms, and other interactions

Evaluate a local Codex skill for metadata, structure, reference links, size, and helper code quality. Get prioritized fixes and explanations, with benchmark setup for deeper analysis and measurement recommendations when observed usage is available.

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

• Audit a local Codex skill
• Understand evaluation scores and findings
• Prioritize skill improvements

Improve an evaluated Codex skill by turning plugin-eval findings into prioritized changes. Refine activation descriptions, shorten SKILL.md, move lengthy details into supporting files, fix structural issues, and compare evaluation results before and after the rewrite.

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

• Prioritizing fixes after a skill evaluation
• Shortening SKILL.md and reducing token use
• Clarifying when a skill should activate

Prepare a ChatGPT Apps submission JSON file by inspecting an MCP server, which exposes tools to AI agents. Generate app details, tool behavior justifications, and test cases, then report review findings and missing output schemas.

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

• Generate a JSON file for a ChatGPT Apps submission
• Check tool annotations against implementation
• Prepare positive and negative review test cases

Turn an idea, existing code, or a previous Codex conversation into a runnable OpenAI Agents SDK app. Supports local verification, focused evaluations of agent behavior, and local deployment through the Deployment Manager.

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

• Build a runnable agent prototype from an idea
• Adapt existing code into an agent app
• Turn a previous Codex conversation into an app

Handles credentials before Codex builds or runs tools that use the OpenAI API. Checks for an existing key without revealing it, asks whether to reuse or create one, and saves credentials only to a confirmed local destination.

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

• Check credentials before building an OpenAI-powered app
• Choose whether to reuse an existing key or create one
• Create and save an API key through the secure connector

Write GSAP animations for HyperFrames compositions, from element entrances to coordinated sequences. Use timelines to organize timing, control playback, adapt motion to screen size and reduced-motion preferences, and choose animation properties suited to efficient rendering.

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

• Animate elements entering a HyperFrames composition
• Coordinate multiple elements with timelines and staggered starts
• Adjust motion for screen size and reduced-motion preferences

Find and install reusable HyperFrames blocks and effect components, then integrate them into an existing composition. Configure block timing and layer order, merge component HTML, CSS, and JavaScript, and adjust installation paths.

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

• Find reusable blocks and components in the registry
• Add an installed block to an existing composition
• Merge effect snippets into HTML, CSS, and JavaScript

Plan a browser game's architecture before coding. Choose an engine, separate game rules from rendering, and define input, assets, menus, saves, debugging, and performance checks within a shared design.

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

• Choose an engine for a 2D or 3D browser game
• Separate game state from rendering responsibilities
• Plan input mappings and asset organization

Build 3D browser games and interactive scenes inside React apps with React Three Fiber. Organize gameplay logic, coordinate scene and interface state, and connect the 3D experience with standard web menus, settings, and status displays.

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

• Embed a 3D game in an existing React app
• Connect a 3D scene with menus and settings
• Build a 3D product configurator

Prepare 3D models for browser games by cleaning source assets, exporting GLB or glTF, and optimizing geometry and textures. It also guides collision shapes, distance-based detail levels, and runtime checks for the chosen engine.

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

• Preparing Blender models for browser games
• Reducing GLB or glTF asset size
• Planning collision shapes and distance-based model detail

Build 2D browser games with Phaser, TypeScript, and Vite. Organize gameplay rules separately from rendering, implement cameras and sprite animation, and add HTML overlays for status displays and menus.

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

• Building a turn-based grid tactics game
• Creating top-down exploration or side-view action
• Adding status displays and command menus

Build browser-based 3D games with Three.js, TypeScript, and Vite. Structure scene and camera control, model loading, physics, and interface overlays separately from game rules, with guidance for WebGL rendering diagnostics and performance.

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

• Build a browser-based 3D exploration demo
• Prototype vehicle movement or character traversal
• Load GLB models and integrate Rapier physics

Turn Figma designs into screen code that fits an existing project. The workflow reuses existing components and shared style values, follows design notes, and uses exported images and icons to preserve the design’s appearance.

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

• Implement a screen from a Figma design
• Reuse existing components when building a design
• Reproduce images and icons from exported 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

Build Android interfaces in Expo using Jetpack Compose components and modifiers, which control layout and appearance. The skill guides component selection, sizing, scrollable lists, and XML icons for SDK 55.

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

• Add native Android UI components to an Expo app
• Build a scrollable list with LazyColumn
• Display Android XML vector icons

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

Connect an Expo project to the Codex app Run button by creating a local launch script and action configuration. Start the development server from the app, view its logs, and optionally add platform-specific launch buttons.

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

• Starting an Expo project from the Codex app Run button
• Adding iOS, Android, or web launch buttons
• Using the same launch script in Codex and the shell

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

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

Create and maintain Code Connect templates that link published Figma components to existing code components. Map text, variants, visibility settings, and nested components so the displayed code snippets reflect the selected design properties.

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

• Linking Figma components to existing code components
• Creating Code Connect template files
• Mapping design variants to code properties