开发技能

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

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

Turn a selected screenshot, mockup, or generated image into a responsive website or web app. Recreate its layout and visual assets, implement core interactions, and compare the running result with the reference in a browser.

中文简介正在准备中。当前显示英语简介。

• Build an interactive prototype from a mockup
• Recreate a screenshot as a responsive web page
• Implement a mobile screen from a selected reference

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

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

Guides development of apps for viewing USD, a 3D scene format. Selects browser streaming or local implementation references, covering rendering, camera controls, selection, interface layout, and validation while keeping users’ scene files unchanged.

中文简介正在准备中。当前显示英语简介。

• Build a browser viewer for USD scenes
• Develop a local workstation viewer
• Add camera controls and object selection

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

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

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

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 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

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

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

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

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

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

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

Build or modify Expo native modules and views using Swift, Kotlin, and TypeScript. Guides scaffolding, native function bindings, events, lifecycle hooks, and configuration so Expo apps can use platform features or existing native SDKs.

中文简介正在准备中。当前显示英语简介。

• Add camera, sensor, or system features to an Expo app
• Wrap a platform SDK for use in React Native
• Create a native view with properties and events

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 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

Create server endpoints in Expo Router and deploy them with EAS Hosting. Use them to keep API keys off the client, validate incoming data, access databases, proxy external services, and receive webhook notifications.

中文简介正在准备中。当前显示英语简介。

• Call external APIs without exposing keys
• Validate input before database writes
• Receive Stripe or GitHub webhooks

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