basmilius について
basmiliusは、ユーティリティ、型付きHTTPデータアクセス、Vue 3アプリの基本機能を扱う@basmilius npmパッケージのガイド集です。各レイヤーに対応するガイドや実装パターンを探す開発者向けです。
主な機能
- 01フレームワーク非依存ユーティリティの案内
- 02型付きDTOとHTTPサービスのパターン
- 03Vue 3ストアとコンポーザブルの案内
- 04パッケージ別リファレンス一覧
- 05複数レイヤーにまたがる実装例
活用シーン
- 01日付やダウンロード用の関数探し
- 02DTO、アダプター、サービスの定義
- 03Vueのデータテーブルやフォームの構築
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ basmilius/ skills --skill basmiliusインストール後、Claude Code で/basmiliusを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/common-patterns.mdcommon-reference.mdcommon.mdhttp-client-patterns.mdhttp-client-reference.mdhttp-client.mdutils-function-index.mdutils.md詳細
Bas Milius パッケージ
@basmilius npm スコープは、3 層からなる 1 つのスタックです。各層については、references/ のガイドで説明しています。
@basmilius/utils- フレームワークに依存しない約 45 個のヘルパー(Luxon による日付処理、色、数値、ダウンロード、DOM、タイミング、地理/天文、シード付き PRNG)。あらゆる TypeScript プロジェクトで使用できます。@basmilius/http-client- 型付きデータレイヤーです。すべてのボディは@dtoクラス、すべてのエンドポイントグループはBaseServiceで、snake_case の生 JSON は静的な@adapterによってマッピングされます。utilsを基盤としています。@basmilius/common- Vue 3 アプリのプリミティブです。ref を返すdefineStore、useService+guarded、useDataTable/useDataReport、useDtoForm、豊富なコンポーザブルカタログ、薄いvue-routerラッパーを備えています。Pinia と Vue Router を前提とし、上記 2 つのパッケージを基盤としています。
共通の前提:Vue を使用する場合は Vue 3.6 のプレリリース版(正確な範囲は各パッケージの peerDependencies を参照)、日付処理にはピア依存関係の luxon を使用します。@flux-ui/* は独自のスキル(flux-ui)を持つ別ライブラリです。@basmilius/vite-preset は意図的に対象外としています。
ルーティング:コードを書く前にパッケージガイドを読む
パッケージごとの注意点や判断基準は、ここではなく各ガイドに記載されています。まず該当するガイドを読み、必要に応じてシグネチャやパターンのファイルを参照してください。
| 作業内容 | 最初に読むもの | 必要に応じて読むもの |
|---|---|---|
日付/数値/色/ダウンロード/DOM ヘルパー、または @basmilius/utils からインポートするもの | references/utils.md | references/utils-function-index.md(すべての関数の正確なシグネチャと、ブラウザー用/純粋関数の区分) |
| DTO、アダプター、サービス、リクエスト、(デ)シリアライズ、Vite プラグイン、tsconfig のデコレーターフラグ | references/http-client.md | references/http-client-reference.md(エクスポート全体)、references/http-client-patterns.md(DTO → アダプター → サービスの実例、エラー処理、変更箇所のみの保存) |
| ストア、データテーブル/レポート、フォーム、URL の状態、コンポーザブル、ルーターヘルパー、例外 | references/common.md | references/common-reference.md(シグネチャ付きコンポーザブルカタログ)、references/common-patterns.md(ストア、useService、useDataTable ビュー、useDtoForm、useUrlState の実例) |
タスクが複数のレイヤーにまたがることはよくあります。データテーブルのビューでは、common(useDataTable)、http-client(サービスと DTO)、場合によっては utils(フォーマット処理)に触れます。関係するガイドをそれぞれ読んでください。ガイドは短く、レイヤー間の連携箇所には相互リンクがあります。
関連スキル
vue-build-feature/code-style- これらのパッケージが組み込まれる、ライブラリに依存しない Vue アーキテクチャと SFC のパターンです。commonは、vue-build-featureが委ねる具体的なデータ/状態レイヤーです。flux-ui- Flux UI コンポーネントライブラリ(別の@flux-uiスコープ)。
コメント
Markdown 対応