開発のスキル

SwiftUIのコードを読み、古いAPIやデータの受け渡し、画面構成、操作のしやすさ、性能を点検。問題のある箇所と修正前後のコードをファイル別に示します。

• 既存のSwiftUIコードをレビュー
• 非推奨APIを更新したいとき
• 読み上げや文字サイズへの対応確認

Swiftの非同期・並行処理をレビューし、共有データの扱い、タスクの構成、キャンセルなどを点検。問題箇所と修正前後のコード、対応の優先順位を示します。

• actorと共有データの扱いを確認
• タスク構成とキャンセル処理の点検
• 厳格な並行処理チェックのエラー調査

仕様や要件を、変更ファイル・実装コード・テスト手順まで含む実装計画にまとめます。作業を小さく分け、コードを書き始める前の準備や引き継ぎに使えます。

• 実装前に開発計画を立てたいとき
• 開発作業の引き継ぎ
• 要件を検証可能なタスクに分けたいとき

Node.jsの依存パッケージをpnpmで管理し、複数プロジェクトの設定やバージョン統一、外部パッケージへの修正、CIでの導入手順を整えるスキル。

• ワークスペースの依存バージョン統一
• 外部パッケージの修正とバージョン指定
• CIのインストール設定を整えたいとき

Webサーバーのルートやキャッシュ、定期タスクをNitroで実装し、Node.jsやCloudflareなどへのデプロイ設定やv3への移行を支援するスキル。

• サーバールートとキャッシュの実装
• 定期タスクやWebSocketの追加
• 対応プラットフォームへの配備設定

フロントエンド開発のVite設定を整え、プラグインの作成やライブラリのビルド、サーバー側での画面生成、Vite 8への設定移行を支援するスキル。

• 開発サーバーと本番ビルドの設定
• Viteプラグインを作りたいとき
• ライブラリやSSRアプリのビルド

UnoCSSを使う画面開発で、既存設定に合わせたスタイル指定や独自ルール、ショートカットを整え、テーマやアイコンなどのプリセット設定を支援するスキル。

• ViteやNuxtへのUnoCSS導入
• 繰り返すスタイルの共通化
• 共通の配色や画面幅の設定

JavaScript／TypeScriptの新規開発やライブラリ公開に向け、Anthony Fuの方針に沿ってコード構成、開発ツール、品質チェックを整えるスキル。

• TypeScriptの新規開発
• コード整形と品質チェックの統一
• モノレポの依存関係管理

Vue 3の画面部品をTypeScriptで作り、入力値やイベント、データ変更に連動する表示を実装するスキル。変更の監視やアニメーション、部品の状態保持も扱います。

• TypeScriptでVue部品を作りたいとき
• 部品の入力値やイベントを定義したいとき
• データ変更に表示や処理を連動させたいとき

Vueを使うWebアプリで、画面作成からデータ取得、サーバー側のAPI実装まで支援するスキル。ページごとの描画方式や状態管理、公開設定も扱います。

• Vueアプリの画面と遷移を作りたいとき
• API取得と共有状態を整えたいとき
• サーバーAPIやミドルウェアの実装

Markdownからドキュメントサイトを作り、検索やナビゲーション、テーマを整えるスキル。Vueコンポーネントの埋め込みや多言語化、公開設定も扱います。

• Markdownで資料サイトを作りたいとき
• 検索やテーマを調整したいとき
• 説明にVue部品を埋め込みたいとき

Vueアプリで共有するデータや更新処理をPiniaのストアにまとめ、変更が画面へ反映される扱い方から、ストア間の連携やテスト、Nuxtとの統合まで支援するスキル。

• Vueの共有データと更新処理の整理
• ストア間の連携やプラグインでの拡張
• 模擬ストアを使うコンポーネントテスト

現在のブランチからGitHubのPRを作成。差分と検証結果を根拠にタイトル・本文を整え、UI変更の前後画像を添えて、レビューで変更内容を判断しやすくします。

• 現在のブランチからPRを準備・公開したいとき
• 検証結果を根拠にしたPR本文の作成
• UI変更の前後画像を添付したいとき

開発前や実装途中の疑問を、対話とコード調査で掘り下げます。構成図や比較表を使って要件・選択肢・リスクを整理し、方針を考えるための相談役となるスキルです。

• 曖昧な機能案や要件を整理したいとき
• 既存コードから問題を調査したいとき
• 技術的な選択肢の比較検討

実際のコードの小さな改善を題材に、提案・仕様・設計・タスク作成から実装、アーカイブまでを解説付きで進め、OpenSpecの一連の流れを学ぶスキル。

• 実際のコードでOpenSpecを学びたいとき
• 提案・仕様・設計・タスクの役割の理解
• 小さな修正で変更の全工程を体験したいとき

進行中のOpenSpecの変更案件を確認し、次に必要な文書を一つ作成します。既存の文書と依存関係を踏まえて進め、完了数と次に作成できる文書も示します。

• 途中まで進めた変更案件を再開
• 文書を一つずつ確認しながら作成
• 既存文書を踏まえた仕様書や設計書の作成

新機能や修正の説明からOpenSpecの変更案件を作り、文書作成を始める準備を整えます。使用するワークフロー、進捗、最初の文書のテンプレートを示します。

• 新機能の変更案件を始めたいとき
• 不具合修正の変更案件を準備
• 希望するワークフローで変更案件を開始

変更分を記した仕様書から、要件の追加・修正・削除・改名をメイン仕様書へ反映します。変更対象外の内容を保ち、変更案件をアーカイブせずに仕様を同期します。

• 要件の変更をメイン仕様へ反映したいとき
• 既存内容を残してシナリオを追加したいとき
• 新しい機能のメイン仕様書作成

作りたい機能や修正内容をもとに、OpenSpecで実装開始に必要な文書をまとめて作成します。依存関係に沿って順番に進め、実装へ移れる状態まで準備します。

• 新機能の実装用文書をまとめて準備
• 修正内容から必要な文書を作りたいとき
• 依存関係に沿った文書の一括作成

OpenSpecで並行して進めた複数の変更を、成果物やタスクの完了状況、仕様の競合を確認し、コードの実装内容に合わせて仕様を反映して一括アーカイブするスキル。

• 完了した複数の変更をまとめて保存したいとき
• アーカイブ前の成果物・タスクの未完了確認
• 実装を根拠に重複した仕様を整理したいとき

コード変更時の品質・セキュリティ確認、文書のひな形生成、複数エージェントの役割分担をまとめ、開発工程に応じた検証と並行作業を支えるスキル。

• モジュール構成と文書を確認したいとき
• 改修後の品質と安全性を点検したいとき
• README.mdとDESIGN.mdのひな形作成

コードの変更差分を分析し、影響するモジュールや文書・テストの更新状況を整理します。設計変更やリファクタリング後、コミット前の更新漏れを確認するスキルです。

• コミット前の文書更新チェック
• 設計変更後の影響モジュール確認
• リファクタリング後のテスト更新確認

OpenSpecの変更を、成果物やタスクの完了状況を確認して日付付きで保管します。仕様の差分を本体へ反映するか確認し、実装後の整理を進めるスキルです。

• 実装済みの変更を保管したいとき
• 保管前の未完了項目の確認
• 本体へ反映する仕様差分の確認

iOS・Androidアプリの画面、状態管理、通信、データ保存、テストを設計・実装し、React NativeやFlutterによる両OS向け開発の技術選定も支援するスキル。

• SwiftUIで画面とデータ処理を作りたいとき
• Jetpack Composeで画面を実装したいとき
• React NativeとFlutterの選定