solana-v1 について
solana-v1 は、React または Next.js で Solana dApp の UI を開発するためのスキルです。Solana 固有のライブラリとパターンを用いたウォレット接続、アドレス検証、トランザクション処理を扱います。
主な機能
- 01React と Next.js 向け Solana dApp UI パターン
- 02Wallet Standard によるウォレット検出と接続
- 03PublicKey によるアドレス検証
- 04トランザクションの構築、送信、確認
- 05Solana クライアントと RPC ライブラリの指針
活用シーン
- 01Solana dApp インターフェースの構築
- 02ウォレット接続と署名フローの実装
- 03使用前のアドレス検証
- 04トランザクション送信と確認フローの作成
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ blockmatic/ basilic-skills --skill solana-v1インストール後、Claude Code で/solana-v1を入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
frontend-framework-kit.mdkit-web3-interop.mdpayments.mdresources.mdsecurity.md詳細
スキル:solana
対象範囲
- framework-kit を使用した Solana dApp UI の開発(React/Next.js)
- ウォレットの接続と署名フロー
- トランザクションの構築、送信、確認 UX
- アドレスの検証とトランザクションのパターン
対象外:
- EVM フロントエンドの開発(wagmi-v3 を参照)
- dApp UI を伴わない、アドレスのみのバックエンド検証(
@solana/web3.jsのPublicKeyのみを使用する場合があります) - 一般的なブロックチェーンの概念
前提条件
- UI 開発には
@solana/clientと@solana/react-hooksを使用します - クライアント/RPC/トランザクションのコードには
@solana/kitを使用します - アドレスの検証には
@solana/web3.jsv1.x を使用します - UI には React 18+ または Next.js 14+ を使用します
- TypeScript v5+ を strict モードで使用します
- Node.js 18+
原則
- React/Next.js UI には Solana Foundation の framework-kit(
@solana/client+@solana/react-hooks)を使用します - クライアント/RPC/トランザクションのコードには
@solana/kitを使用します @solana/web3.jsのPublicKeyでアドレスを検証します(ウォレット UI を提供しないバックエンド専用ルートも含みます)- ウォレットの検出と接続には Wallet Standard を使用します
- レガシー依存関係で必要な場合は、
@solana/web3.jsをアダプター境界内に隔離します
制約
必須
- 使用前に
PublicKey.isOnCurve()でアドレスを検証します - レガシーアダプター境界には
@solana/web3-compatを使用します
推奨
- web3.js の型よりも
@solana/kitの型(Address、Signer)を使用します - 手書きの命令データよりも
@solana-program/*の命令ビルダーを優先します - ウォレットの検出と接続には Wallet Standard を使用します
@solana/web3.jsの型をアダプターモジュール内に留めます(アプリ全体に漏出させないでください)
避けること
@solana/web3.jsの型をアプリ全体に漏出させること- 使用前のアドレス検証を省略すること
パターン
アドレス検証パターン
Solana アドレスは、使用前に必ず検証してください。
import { PublicKey } from '@solana/web3.js'
function validateSolanaAddress(address: string): boolean {
try {
const publicKey = new PublicKey(address)
return PublicKey.isOnCurve(publicKey)
} catch {
return false
}
}
関連スキル
- EVM フロントエンド開発では wagmi スキルを補完します
- Solana 固有の dApp 開発パターンに焦点を当てています
コメント
Markdown 対応