store-best-practice

Name: store-best-practice
Author: forge-town

github.com/forge-town開発739 回インストール8 週間前に更新

リポジトリ

store-best-practice について

Zustand で状態管理 Store を作成またはリファクタリングする際は必ず従い、slice パターン、Provider 設定、型安全の規約を守ること。

インストール

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

$npx skills add https://github.com/forge-town/skills --skill store-best-practice

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

同梱ファイル

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

best-practice-examples/zustand-store/

appLayoutSlice.ts

appLayoutStore.ts

index.ts

provider.tsx

topBarSlice.ts

references/

checklist.md

store-best-practice-guide.md

README（原文）English

プロジェクトの README より

この README の日本語訳はまだありません。以下は英語の原文です。日本語の紹介はページ上部をご覧ください。

Store 最佳实践

使用说明

阅读 Store 最佳实践指南了解设计规则
严格参照 best-practice-examples/ 中的代码结构生成代码
完成后使用检查清单逐项验证

重要： 实现时必须严格遵循 best-practice-examples 中的结构；Store 只负责跨组件共享状态，组件私有状态用 useState

Markdown 対応

ログインしてコメント

基本情報

作者: forge-town
リポジトリ: forge-town/skills
カテゴリ: 開発
インストール数: 39
GitHub スター: 7

問題を報告

おすすめの Skills

すべての Skills

remotion-render

github.com/inference-sh

1.6M

inference.sh を介して React/Remotion コンポーネントコードから動画をレンダリングします。TSX コードを渡すと MP4 を取得できます。useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence など、すべての Remotion API に対応します。解像度、FPS、長さ、コーデックを設定できます。用途：プログラムによる動画生成、アニメーショングラフィック、モーションデザイン、データ駆動型動画、React アニメーションの動画化。トリガー：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

improve-codebase-architecture

github.com/mattpocock

1.2M

コードベースをスキャンして改善の機会を探し、ビジュアル HTML レポートとして提示し、選択したものを詳しく掘り下げる。

design-mobile-apps

github.com/designed-by-ai

1.1M

Sleek でモバイルアプリの画面をデザインし、Sleek プロジェクトを編集して、React Native または HTML でデザインを実装します。

vercel-react-best-practices

github.com/vercel-labs

852.5k

Vercel Engineering の React および Next.js パフォーマンス最適化ガイドライン。React / Next.js コードを記述、レビュー、またはリファクタリングするときに、最適なパフォーマンスパターンを確保するため、このスキルを使用する必要があります。React コンポーネント、Next.js ページ、データ取得、バンドル最適化、またはパフォーマンス改善を含むタスクで発火します。