OpenAI

FigmaのデザインをSwiftUIで実装したり、SwiftUIの画面をFigmaに反映したりするスキル。iOS標準の画面構成や色、アイコンの対応も扱います。

• Figmaの画面をSwiftUIで実装したいとき
• 既存のSwiftUI画面をFigmaに移したいとき
• iOSの色やアイコンの対応づけ

ブラウザゲームのプレイ画面を見やすく保ちながら、ステータス表示やメニューを設計・実装します。世界観に合う見た目、スマホ対応、3Dのカメラ操作との両立まで扱うスキル。

• プレイ画面を隠さないHUD設計
• 世界観に合うメニューを作りたいとき
• デスクトップとスマホの表示調整

Expo SDKの更新に伴う依存関係の調整、診断、設定の整理を進めます。廃止されたパッケージや音声・動画APIの移行、ネイティブ構成の確認も支援します。

• Expo SDK更新と依存関係の修正
• expo-avの音声・動画処理の移行
• 更新に伴うネイティブ構成の確認

ExpoプロジェクトをCodex appのRunボタンから起動できるよう、実行スクリプトと設定ファイルを整えます。開発サーバーのログも同じ操作画面で確認できます。

• Codex appのRunでExpoを起動
• iOS・Android・Webの起動ボタン追加
• Codexとシェルの起動手順を統一

Dropboxの不要・重複・一時ファイルを調べ、共有状況や削除理由を一覧で確認してから、明示的に承認された対象だけを削除し、処理結果を報告します。

• Dropbox内の重複PDFを確認して削除
• 不要になった下書きを確認して削除
• 一時的な書き出しファイルの整理

Expo Routerでアプリの画面を作るために、レイアウトや画面遷移、ネイティブタブ、アニメーションの実装方針とコード例をまとめたスキルです。

• Expo Routerで画面を作りたいとき
• ネイティブタブと画面遷移の整理
• 検索やメニュー、画面効果の追加

Expoアプリに端末固有の機能や画面部品を追加するため、Swift・Kotlin・TypeScriptを使ったネイティブモジュールの作成と設定を案内します。

• Expoにカメラやセンサー機能を追加
• 既存SDKをReact Native向けに接続
• プロパティとイベントを持つ画面部品の作成

事業やプロダクトのKPIを実績・目標・前期比較で整理し、検証済みの変動要因と業務上の示唆を添えた、週次・月次・四半期の報告にまとめるスキル。

• 週次・月次のKPIレビュー
• 期限付き目標への進捗確認
• 検証済みの指標変動要因の報告

ExpoやReact NativeのAPI通信を実装・調査します。データ取得からキャッシュ、通信エラー、認証トークン、オフライン時の動作まで整理するスキルです。

• アプリのAPI通信を実装したいとき
• React QueryやSWRのキャッシュ選定
• 通信エラーと再試行の調査

Figmaの公開コンポーネントを既存コードの部品と対応づけ、表示用のコード例を作成します。文字や状態、入れ子の部品を反映する`.figma.ts`を整備します。

• Figmaと実装の部品を対応づけたいとき
• Code Connect用ファイルの作成
• デザインの状態とコードの設定の対応づけ

Figmaのデザインを読み取り、既存プロジェクトに合う画面コードへ落とし込むスキル。部品や配色の定義を再利用し、画像やアイコンも元の素材に沿って実装します。

• Figmaの画面を実装したいとき
• 既存の部品を使って画面を作りたいとき
• 画像やアイコンを元の素材で再現したいとき

FigJamの付箋・図形・接続線・表をAIエージェントから作成・編集するスキル。既存ボードの構造を確認し、会議や発想整理に使う内容と配置を整えます。

• 付箋でアイデア出しの場を準備
• 振り返りや会議用ボードの作成
• 図形と接続線で関係を図示したいとき

Figmaの要素にキーフレームや既存のアニメーションスタイルを設定し、色・位置などの動き、速度の変化、タイムラインの長さを編集・確認するスキル。

• Figmaの要素に位置や色の動きを付けたいとき
• 動きの加減速やタイミングの調整
• 既存アニメーションスタイルの適用・解除

独自のネイティブコードを使うExpoアプリ向けに、開発用クライアントのビルドから実機への導入、TestFlight配布、開発サーバーへの接続までを案内します。

• 独自のネイティブ機能を実機で試したいとき
• TestFlightで開発版を配布したいとき
• iOS・Androidをローカルでビルド

ExpoにTailwind CSS v4を導入し、iOS・Android・Webでクラス名によるスタイル指定を使うための設定や共通部品の作成を支援します。

• ExpoにTailwind CSS v4を導入
• クラス名に対応する共通部品の作成
• OS別のフォント・色とテーマの設定

ExpoアプリにSwiftUIの画面部品や見た目の指定を組み込むスキルです。SDK 55向けに、導入手順からReact Nativeの部品を混在させる構成まで案内します。

• ExpoにSwiftUIの画面部品を追加
• SwiftUI内にReact Native部品を配置
• SDK 55向けのAPIを確認したいとき

Figmaのデザイン、FigJam、Slidesの空ファイルを、種類と名前を指定して作成します。作成先のプランを確認し、後続の編集に使うURLとキーを取得するスキルです。

• Figmaの空デザインファイル作成
• 名前を付けたFigJamの新規作成
• 空のSlidesプレゼンテーション作成

Expo Routerにサーバー側のAPI処理を追加し、秘密鍵を隠した外部サービス連携や入力検証、Webhook受信を実装してEAS Hostingへ公開するスキル。

• APIキーを隠して外部APIを使いたいとき
• データ保存前の入力検証
• StripeやGitHubのWebhook受信

既存のReactのWeb部品やWeb専用ライブラリをExpoアプリに取り込み、ネイティブではWebView、Webではそのまま表示して段階的な移行を支援するスキル。

• 既存のReactのWeb部品を段階的に移行
• Web用グラフやコード色分け表示の導入
• 複雑なHTML/CSSや埋め込みの再利用

SQLやPythonの分析を、読み返して再実行できるJupyterノートブックにまとめます。作成・編集から実行検証まで扱い、前提条件やデータ出典、結果を整理します。

• 引き継ぎ用の分析ノートブック作成
• 実験記録やデータ品質チェックの整理
• 既存ノートブックの可読性と再実行性の改善

Dropboxのファイルやフォルダの種類・更新日時・共有リンクを確認し、必要に応じてファイル本文を取得して、内容の要約や分析まで行う読み取り専用スキル。

• 文書の最終更新日時を知りたいとき
• フォルダの共有リンクを確認
• Dropbox資料の要約や分析

Figma Slidesで資料を新規作成したり、既存スライドの文章や配置を修正したりするスキルです。ブランドに沿ったデザインや発表者用ノートの作成も扱います。

• ブランドに沿ったプレゼン資料作成
• 既存資料の文章や配置を修正したいとき
• スライドをセクションごとに整理

Dropboxのファイルやフォルダの共有リンクを、対象とアクセス設定を確認して作成し、既存リンクの公開範囲や現在の共有状態も調べるスキル。

• Dropboxフォルダの共有リンク作成
• 発表資料をリンクで共有したいとき
• 既存リンクのアクセス設定確認

データ分析の依頼内容を整理し、指標の検証、事業分析、グラフやレポート作成などに適した手順へ振り分けます。使えるデータと実行環境に応じて進め方を案内します。

• 漠然とした分析依頼の進め方を決めたいとき
• 指標の定義の食い違いを調べたいとき
• アップロードしたデータで分析レポートを作成