mcpField
B
basmilius

basmilius

github.com/basmilius開発096 回インストール3 日前に更新
リポジトリ

basmilius について

basmiliusは、ユーティリティ、型付きHTTPデータアクセス、Vue 3アプリの基本機能を扱う@basmilius npmパッケージのガイド集です。各レイヤーに対応するガイドや実装パターンを探す開発者向けです。

主な機能

  1. 01フレームワーク非依存ユーティリティの案内
  2. 02型付きDTOとHTTPサービスのパターン
  3. 03Vue 3ストアとコンポーザブルの案内
  4. 04パッケージ別リファレンス一覧
  5. 05複数レイヤーにまたがる実装例

活用シーン

  1. 01日付やダウンロード用の関数探し
  2. 02DTO、アダプター、サービスの定義
  3. 03Vueのデータテーブルやフォームの構築

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/basmilius/skills --skill basmilius

インストール後、Claude Code で/basmiliusを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
common-patterns.md
common-reference.md
common.md
http-client-patterns.md
http-client-reference.md
http-client.md
utils-function-index.md
utils.md

詳細

Bas Milius パッケージ

@basmilius npm スコープは、3 層からなる 1 つのスタックです。各層については、references/ のガイドで説明しています。

  1. @basmilius/utils - フレームワークに依存しない約 45 個のヘルパー(Luxon による日付処理、色、数値、ダウンロード、DOM、タイミング、地理/天文、シード付き PRNG)。あらゆる TypeScript プロジェクトで使用できます。
  2. @basmilius/http-client - 型付きデータレイヤーです。すべてのボディは @dto クラス、すべてのエンドポイントグループは BaseService で、snake_case の生 JSON は静的な @adapter によってマッピングされます。utils を基盤としています。
  3. @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.mdreferences/utils-function-index.md(すべての関数の正確なシグネチャと、ブラウザー用/純粋関数の区分)
DTO、アダプター、サービス、リクエスト、(デ)シリアライズ、Vite プラグイン、tsconfig のデコレーターフラグreferences/http-client.mdreferences/http-client-reference.md(エクスポート全体)、references/http-client-patterns.md(DTO → アダプター → サービスの実例、エラー処理、変更箇所のみの保存)
ストア、データテーブル/レポート、フォーム、URL の状態、コンポーザブル、ルーターヘルパー、例外references/common.mdreferences/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 スコープ)。

コメント