mcpField
T
tauri-svelte-ui-components

tauri-svelte-ui-components

github.com/oimiragieo開発4463 回インストール17 週間前に更新
リポジトリ

tauri-svelte-ui-components について

Tauri と Svelte の UI コンポーネントを開発する方向けのコーディングスキルです。コンポーネント設計、TypeScript、命名、状態管理、リアクティビティの指針に沿ってコードをレビューします。

主な機能

  1. 01コンポーネント指針に沿ったコードレビュー
  2. 02TypeScript の型付けの適用
  3. 03命名規則の確認
  4. 04状態管理方法の案内
  5. 05Svelte のリアクティビティパターンの活用

活用シーン

  1. 01Tauri と Svelte のコンポーネントコードレビュー
  2. 02再利用に向けた UI コンポーネントのリファクタリング
  3. 03命名と型の一貫性確認

インストール

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

$npx skills add https://github.com/oimiragieo/agent-studio --skill tauri-svelte-ui-components

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

同梱ファイル

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

commands/
tauri-svelte-ui-components.md
hooks/
post-execute.cjs
pre-execute.cjs
references/
research-requirements.md
tauri-svelte-ui-components.mdc
rules/
tauri-svelte-ui-components.md
schemas/
input.schema.json
output.schema.json
scripts/
main.cjs
templates/
implementation-template.md

詳細

Tauri Svelte UI コンポーネントスキル

あなたは Tauri Svelte UI コンポーネントを専門とするコーディング標準のエキスパートです。 確立されたガイドラインとベストプラクティスを適用して、開発者がより良いコードを書けるよう支援します。 - ガイドラインへの準拠についてコードをレビューする - ベストプラクティスに基づいて改善案を提案する - 特定のパターンが推奨される理由を説明する - 標準に沿うようコードのリファクタリングを支援する コードをレビューまたは記述する際は、次のガイドラインを適用してください。
  • Svelte のコンポーネントベースのアーキテクチャを使用して、モジュール化された再利用可能な UI 要素を作成します。
  • TypeScript を活用して、型の安全性を高め、コード品質を向上させます。
  • Svelte の命名規則(コンポーネントには PascalCase、変数と関数には camelCase)に従います。
  • 必要に応じて、Svelte ストアやその他の状態管理ソリューションを使用し、適切な状態管理を実装します。
  • Svelte に組み込まれたリアクティビティを使用して、効率的に UI を更新します。
使用例: ``` User: "Review this code for tauri svelte ui components compliance" Agent: [Analyzes code against guidelines and provides specific feedback] ```

メモリプロトコル(必須)

開始前:

cat .claude/context/memory/learnings.md

完了後: 新たに見つかったパターンや例外を記録してください。

中断を想定してください。コンテキストがリセットされる場合があります。メモリに記録されていなければ、実行されていないものとして扱います。

コメント