開発のスキル

専門知識や定型作業をClaude向けのスキルにまとめ、繰り返し使える形に整えます。指示文と付属資料の設計から初期化、検証、配布用ファイルの作成まで案内します。

• 定型作業をスキル化したいとき
• 社内知識やAPI手順の整理
• 利用結果を基に既存スキルを改善

json-renderの画面仕様からコードを書き出す仕組みを作るスキル。画面構造の読み取り、使用部品や状態参照の収集、JSX向けの属性の文字列化を支援します。

• Next.jsやRemix向けの出力処理作成
• 画面仕様の部品や操作を一覧にしたいとき
• 属性の値をJSX形式に変換したいとき

Svelte 5のjson-renderアプリに開発用パネルを導入し、画面定義の検査や状態編集、操作履歴の確認を進めるスキル。設定や不具合の調査にも使えます。

• Svelteに開発用パネルを追加したいとき
• 画面定義の検査と状態編集
• 操作やストリームの履歴確認

JSONで定義したメールをHTMLやプレーンテキストへ変換する実装を支援します。登録通知や販促メールの部品定義、条件別の内容表示、プレビューまで扱います。

• 登録完了などの通知メールの作成
• JSON仕様から販促メールを作りたいとき
• 状態や条件でメール内容を変えたいとき

json-renderの画面で扱う値を、Jotaiのatomにつなぐ実装を支援するスキル。既存のストアを共有し、通常のReact部品からも同じ状態を読み書きできます。

• 画面の状態をJotaiのatomで管理
• 既存のJotaiストアを共有したいとき
• useAtom()と画面の状態を共有

json-renderの状態管理をReduxやRedux Toolkitにつなぎ、画面からの読み書きを既存のストアで扱うための接続設定を支援します。

• 既存のReduxストアに接続したいとき
• Redux Toolkitで画面状態を管理
• 状態の選択と更新処理を設定したいとき

ClaudeやChatGPTなどのクライアント内に、JSONから作る操作可能な画面を組み込むスキル。json-renderを使ったMCPサーバーと表示用アプリの実装を支援します。

• MCPクライアント内の操作画面作り
• 既存MCPサーバーへの表示機能追加
• React画面の単一HTML化

JSONの画面仕様をVue 3の部品に変換し、入力値の同期や条件付き表示、ボタン操作を実装するスキル。AIが生成した画面の表示や、既存の状態管理との連携も扱います。

• AI生成のJSON画面をVue 3で表示
• 入力値の同期と検証を備えたフォーム作り
• 状態に応じた表示の切り替え

JSONで記述した画面仕様から、入力欄や選択メニュー、表、グラフを備えたターミナル画面を組み立てます。状態に応じた表示切り替えや独自部品の追加も扱います。

• JSONからターミナル画面を作りたいとき
• 入力欄や選択メニューのあるフォーム作成
• 独自のターミナル部品を定義したいとき

OpenClaw向けの連携を開発するために、DeepSeekを使う試作コードと移植上の課題を確認する参考資料です。そのまま動く導入用スキルではありません。

• OpenClaw向けDeepSeek連携の調査
• 現行エンジンへの移植課題の整理
• タスク例や環境依存設定の確認

RustのGPUI Kitでデスクトップアプリを作るための実装ガイド。画面部品の選択から状態管理、テーマ、非同期処理、操作を再現するUI統合テストまで扱います。

• GPUI Kitアプリの初期構築
• 入力フォームやデータ表の実装
• 状態・イベント・非同期処理の整理

LangBot向けスキルや参照資料、テストケース、障害対処情報を整理し、既存資料との重複を抑えながら追加・修正・定期点検を進めるためのスキルです。

• 重複を避けてスキルを追加したいとき
• 参照資料とテストケースの整理
• 同じ原因の障害対処の統合

LangBotのプラグインを新規作成し、不具合の修正から動作テストまで支援します。イベント処理やLLM連携の実装、検証環境の準備、公開手順を扱います。

• 受信メッセージに反応する機能の作成
• SDKのエラーや返信不良の修正
• WebSocketによるチャット検証

LangBotでTelegramやDiscordなどをつなぐアダプターの開発・移行・テストを支援します。共通形式への変換から実画面を使った動作確認まで扱います。

• LangBotの接続先を追加したいとき
• 既存アダプターをEBAへ移行
• イベントとメッセージ変換のテスト

LangBotをローカルで開発・検証できる状態に整えるスキル。サービス起動や接続先の設定、ブラウザ操作方式の選択、ログイン状態を再利用する準備を支援します。

• Linux・WSLの開発環境準備
• サービス起動とWebUIの接続確認
• ブラウザ操作方式の選択

LangBot本体のバックエンドとWeb画面を開発・修正するスキル。開発環境の準備からAPI追加、認証の扱い、データベースの変更、MCPとの整合確認まで扱います。

• 本体の開発環境を準備したいとき
• APIと対応するMCPツールの追加
• Alembicによるデータベース変更

公開GitHubリポジトリの構成を、主要部品の役割やソースの場所、つながりとともに解説します。Mermaidの図と、コードをたどれる対話型の図で全体像を確認できます。

• 初めて読む公開リポジトリの概要把握
• 主要部品のソースを探したいとき
• 部品の関係やデータの流れの確認

公開GitHubリポジトリの仕組みを、GitDiagramの構成図とソースの場所をもとに解説します。主要部品の関係を確認でき、用意されていれば音声解説動画も案内します。

• 不慣れな公開コードの作業準備
• 主要部品とソースの場所の把握
• 対話型の図で部品の関係を確認

RustやCをWebAssemblyに変換し、ブラウザやサーバーで動かすための実装を支援します。部品の連携設計から容量・速度の調整、メモリ管理まで扱います。

• Rustをブラウザで動かしたいとき
• WASIでサーバー用部品を作るとき
• 異なる言語の部品を連携したいとき

Redisを使うキャッシュ、ランキング、通知やメッセージ処理を設計し、用途に合うデータ構造の選択からLuaによる一括処理、メモリや永続化の設定まで支援するスキル。

• 有効期限付きキャッシュの設計
• ランキングとリクエスト数制限の実装
• Redis Streamsでのメッセージ処理

Rustの所有権や参照の有効期間を整理し、非同期処理、型を使った設計、エラー処理を支援します。不要な複製やunsafeの使用を見直し、安全性の条件が明確なコードに整えます。

• 所有権やライフタイムの問題を直したいとき
• tokioで非同期処理を実装したいとき
• 不正な状態を型で防ぐ設計

TypeScriptの型定義や厳格な設定を見直し、ジェネリクスや型ガードを使って、読みやすさを保ちながら型の安全性を高めるコードを設計するスキル。

• TypeScriptの厳格な設定の見直し
• ジェネリクスで共通関数を設計したいとき
• 型アサーションを減らしたいとき

定型作業やデプロイに使うシェルスクリプトを作成・改善します。BashとPOSIXの違いを踏まえ、入力検証、エラー処理、ログ、終了時の後片付けまで整えます。

• 定型的なシステム管理を自動化したいとき
• 既存スクリプトにエラー処理とログを追加
• macOSとLinuxの両方で動かしたいとき

SQLiteを使うアプリの設計や性能改善に向け、読み書きの競合対策、索引設計、全文検索、JSON処理、集計、データ構造の更新手順まで案内するスキル。

• SQLiteの遅い検索を改善したいとき
• 読み書きの競合を抑えたいとき
• 全文検索やJSON処理の設計