開発のスキル

Webサイトの表示速度や操作応答を改善するため、バンドル分析、遅延読み込み、キャッシュ、画像最適化、Core Web Vitalsの計測方法を示します。

• 初回読み込みのJavaScriptを減らしたいとき
• 画像の遅延読み込みを設定したいとき
• アセットやAPIのキャッシュを調整したいとき

Redisのキャッシュ、レート制限、Pub/Sub、Streams、Luaスクリプトを使った処理の設計例を学び、用途に応じたデータ構造や運用上の注意点を確認できます。

• キャッシュの期限や無効化を設計したいとき
• Redisでレート制限を実装したいとき
• イベント通知と永続処理を使い分けたいとき

OpenAI APIのTypeSpec仕様をopenai-dotnet SDKへ取り込み、領域ごとの修正やコード生成、生成結果の確認まで進める手順を案内します。

• API仕様をSDKへ取り込みたいとき
• クライアントTSPのエラーを直したいとき
• 新しいAPI領域のコードを生成したいとき

Gridaのアカウントや課金情報を扱うクライアント接続、クレジット表示、Consoleへの遷移、実行結果の受け渡しを実装・修正するスキルです。

• 課金アダプターを変更したいとき
• クレジット表示を見直したいとき
• Consoleへの認証済み遷移を扱うとき

公開リポジトリのPRを出す前に、差分や画像の機密情報、読者不明の文書、未完成ファイルを点検し、外部の人にも理解できる変更に整えるスキルです。

• PR前に公開情報を点検したいとき
• 差分や画像の機密情報を確認したいとき
• 未完成のファイルや文書を整理したいとき

Reactの機能を追加するとき、重要な処理をテスト可能なクラスや名前空間に置き、フックとテスト用属性を整理するための実装規約を示します。

• React機能の処理配置を決めたいとき
• 複雑なフックを分割したいとき
• UIテスト用の目印を整理したいとき

Grida の開発用 Library データをローカル Supabase に取得・検証・登録し、検索や参照機能を試せる環境を用意するスキルです。

• ローカルで Library の素材を試したいとき
• 検索・閲覧機能を実データで確認したいとき
• 参照画像選び用の素材を用意したいとき

モジュールやパッケージの名前から責務と境界を見直し、機能の追加・分割・削除がしやすいコード構成を考えるスキルです。

• 新規モジュールの名前を決めたいとき
• 既存モジュールの責務を見直したいとき
• コードを分割する位置を判断したいとき

同じ開発者が両側を変更できるSDKやAPIの境界を明確に保ち、契約変更を先に固めてから利用側を更新する進め方を支援します。

• ライブラリと利用アプリのAPIを変更したいとき
• クレートとWASM連携の境界を見直したいとき
• 共有データ形式の変更順を整理したいとき

GridaのGatewayを使う製品側アダプターや、ログイン連携の`gg`プロバイダー、Desktop統合を変更する際の指針を示します。

• Gateway生成を製品に接続したいとき
• スコープ付きトークンを変更したいとき
• `gg`プロバイダーを統合したいとき

企画書や設計書、コード変更を、根拠のない前提や曖昧な責任分担、設計上の無理がないか厳しく点検し、具体的な修正案を示します。

• 設計書の前提や矛盾を洗い出したいとき
• コード変更の責任分担を確認したいとき
• 計画や仕様の反例を探したいとき

Gridaの`.grida`形式を扱うTypeScript側の読み書きやアーカイブ、クリップボード処理を理解し、読み込みや往復変換の問題を調べます。

• `.grida`ファイルの読み込みや保存を扱うとき
• 形式の往復変換で起きる問題を調べたいとき
• スキーマ変更時のTypeScript側の対応を確認するとき

Supabaseのマイグレーション整理、RLSテスト設計、スキーマ定義の同期を、適用済み履歴を守るルールに沿って進める開発向けスキルです。

• ローカルのマイグレーションを統合したいとき
• RLSのアクセス条件をテストしたいとき
• スキーマ定義を変更後の状態に揃えたいとき

Gridaのローカルエージェント基盤で、Daemonとagentの責務や境界を踏まえ、セッション、ツール実行、通信、状態の不具合を調査・変更するスキルです。

• daemonやagentのパッケージを変更したいとき
• セッションや状態の不具合を調べたいとき
• ツール実行やストリームの問題を追いたいとき

Grida の有償ホスト版に関わる機能を OSS の基盤から区別し、配置や依存関係、識別マーカーを一貫して設計するスキルです。

• 新機能が EE 対象か判断したいとき
• 有償機能のコード配置を決めたいとき
• OSS と EE の依存境界を確認したいとき

TypeScriptの関連コードをクラスや名前空間にまとめ、テスト対象とモジュールの境界が対応する構成を設計するスキルです。

• 関連関数を一つのモジュールにまとめたいとき
• ライブラリコードのテスト単位を整えたいとき
• TypeScriptのファイル分割を見直したいとき

Grida CanvasのTypeScript製エディターで、操作の遅さを計測・分析し、ベンチマークやプロファイルを使って状態管理や再描画の改善を進めるスキルです。

• ドラッグやリサイズの遅さを調べたいとき
• 変更前後の性能を比較したいとき
• reducerやReactの負荷を分析したいとき

Figmaの.figファイル、クリップボード、REST APIデータをGrida形式へ変換する処理の拡張や不具合修正、テストを支援するスキルです。

• Figmaのノード対応を追加したいとき
• 変換処理の不具合を調べたいとき
• クリップボードの貼り付け失敗を直したいとき

変更対象について、現行コードや仕様書などの情報源を照合し、どれが正しい根拠かを見極めてから調査・変更を進めるスキルです。

• 変更前に現行仕様を確かめたいとき
• コードと文書の食い違いを解決したいとき
• タグから管理中の資料を探したいとき

Electronを使うGrida Desktopのウィンドウ、メニュー、リンク、ファイル連携やブリッジの修正と、CDP・Playwrightでの確認を支援します。

• Electron限定の不具合を調べたいとき
• ディープリンクやファイル連携を変更したいとき
• PlaywrightでDesktopを確認したいとき

不具合の症状だけを抑える修正を避け、原因からAPI契約や周辺コードまで順に調べて、修正・延期・リファクタリングを判断するスキルです。

• 不具合の原因を追って修正したいとき
• 回帰修正や応急処置をレビューしたいとき
• 応急処置の再発リスクを確かめたいとき

公開パッケージや外部利用者向けのAPIを、機能を絞り、単体テストしやすく、将来も変更しやすい境界として設計する指針を示します。

• 公開パッケージのAPIを設計したいとき
• 拡張ポイントを設けるか判断したいとき
• SDKのロジックを単体テストしやすくしたいとき

リンクを書く場所と表示先に応じて、文書・ソースコード・README・製品画面のURL形式を選び、読者が正しいページへ移動できるようにするスキルです。

• ドキュメント間のリンクを整えたいとき
• ソースコードから公開ドキュメントへ案内したいとき
• npm用READMEのリンクを確認したいとき

OpenChatCutの操作が失敗したり予想外の結果を返したりしたとき、よくある入力形式や素材、タイムラインの問題を確認して対処します。

• タイムライン編集のエラーを直したいとき
• 素材の取り込み失敗を調べたいとき
• モーショングラフィックの要件を確認したいとき