Anthony Fu

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

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

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

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

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

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

コードの動作を確かめる単体テストを作り、外部処理の置き換えやテスト範囲の測定を設定するスキル。Vitestでの実行対象の絞り込みや並列実行も扱います。

• TypeScriptの単体テストを書きたいとき
• 関数やタイマーを置き換えたいとき
• カバレッジ測定と出力比較

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

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

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

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

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

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

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

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

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

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

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

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

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

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