开发技能

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 or refactor SwiftUI screens using component examples for navigation, state, layouts, and controls. The skill guides screen composition, asynchronous loading, previews, and build checks while following existing project conventions and supported operating system versions.

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

• Set up tabs, navigation, and sheets in a new app
• Refactor large screens into focused subviews
• Clarify state ownership and dependency sharing

Refactor large macOS SwiftUI views into focused files and components. Clarify window state, selection, commands, and AppKit integration while preserving existing behavior and keeping the main layout stable as users change selections.

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

• Split oversized SwiftUI views
• Organize state for each window
• Extract toolbar and command logic

Build macOS app windows and interfaces with SwiftUI, including menus, toolbars, settings, sidebars, and inspectors. Guides state ownership and file organization while keeping keyboard actions, multiple windows, and system appearance in mind.

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

• Scaffold a new macOS app
• Build a sidebar and detail layout
• Add settings and keyboard shortcuts

Build, run, and test macOS Swift packages using SwiftPM, the Swift package manager. Identifies available libraries and executables, selects relevant commands and tests, and reports results with the main blocker when something fails.

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

• Build a package without an Xcode project
• Choose and run an executable product
• Run a specific test target or case

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