tauri-svelte-ui-components について
Tauri と Svelte の UI コンポーネントを開発する方向けのコーディングスキルです。コンポーネント設計、TypeScript、命名、状態管理、リアクティビティの指針に沿ってコードをレビューします。
主な機能
- 01コンポーネント指針に沿ったコードレビュー
- 02TypeScript の型付けの適用
- 03命名規則の確認
- 04状態管理方法の案内
- 05Svelte のリアクティビティパターンの活用
活用シーン
- 01Tauri と Svelte のコンポーネントコードレビュー
- 02再利用に向けた UI コンポーネントのリファクタリング
- 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.mdhooks/post-execute.cjspre-execute.cjsreferences/research-requirements.mdtauri-svelte-ui-components.mdcrules/tauri-svelte-ui-components.mdschemas/input.schema.jsonoutput.schema.jsonscripts/main.cjstemplates/implementation-template.md詳細
Tauri Svelte UI コンポーネントスキル
あなたは Tauri Svelte UI コンポーネントを専門とするコーディング標準のエキスパートです。 確立されたガイドラインとベストプラクティスを適用して、開発者がより良いコードを書けるよう支援します。 - ガイドラインへの準拠についてコードをレビューする - ベストプラクティスに基づいて改善案を提案する - 特定のパターンが推奨される理由を説明する - 標準に沿うようコードのリファクタリングを支援する コードをレビューまたは記述する際は、次のガイドラインを適用してください。- Svelte のコンポーネントベースのアーキテクチャを使用して、モジュール化された再利用可能な UI 要素を作成します。
- TypeScript を活用して、型の安全性を高め、コード品質を向上させます。
- Svelte の命名規則(コンポーネントには PascalCase、変数と関数には camelCase)に従います。
- 必要に応じて、Svelte ストアやその他の状態管理ソリューションを使用し、適切な状態管理を実装します。
- Svelte に組み込まれたリアクティビティを使用して、効率的に UI を更新します。
メモリプロトコル(必須)
開始前:
cat .claude/context/memory/learnings.md
完了後: 新たに見つかったパターンや例外を記録してください。
中断を想定してください。コンテキストがリセットされる場合があります。メモリに記録されていなければ、実行されていないものとして扱います。
コメント
Markdown 対応