المهارات Portfolio Buddy 2 - Architecture Reference
🏗️

Portfolio Buddy 2 - Architecture Reference

آمن

Portfolio Buddy 2 アーキテクチャリファレンスを取得

Portfolio Buddy 2 プロジェクト構造のクイックリファレンス。コンポーネント階層、フックパターン、ユーティリティ関数、データフロー文書を含み、開発を高速化します。

يدعم: Claude Codex Code(CC)
⚠️ 62 ضعيف
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "Portfolio Buddy 2 - Architecture Reference". 新しいチャートコンポーネントを追加するには？

النتيجة المتوقعة:

  • • src/components/ にコンポーネントを作成
  • • Chart.js を使用（Recharts は未使用）
  • • react-chartjs-2 からチャートタイプとプラグインをインポート
  • • データを取得するために useMetrics または usePortfolio を使用
  • • App.tsx の適切なセクションに追加

التدقيق الأمني

آمن
v3 • 1/10/2026

Pure documentation skill containing only markdown reference material for Portfolio Buddy 2. No executable code, scripts, network calls, filesystem access, or external command execution. Safe for distribution.

1
الملفات التي تم فحصها
373
الأسطر التي تم تحليلها
0
النتائج
3
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude عرض سجل التدقيق →

درجة الجودة

38
الهندسة المعمارية
95
قابلية الصيانة
83
المحتوى
21
المجتمع
100
الأمان
35
الامتثال للمواصفات

ماذا يمكنك بناءه

コードベースへのオンボーディング

新しいプロジェクトチームに参加する際に、プロジェクト構造、コンポーネント階層、データフローを理解する。

新機能の追加

新しいメトリクス、チャート、フック、コンポーネントをコードベースに追加するための文書化されたパターンに従う。

アーキテクチャ準拠の検証

提案された変更が、状態管理、TypeScript使用法、コンポーネント構成の確立されたパターンに従っているか確認する。

جرّب هذه الموجهات

コンポーネントツリーの表示 
Portfolio Buddy 2 のコンポーネント階層を教えて。主要なコンポーネントは何で、どのようにネストされている？
フック使用法の検索 
useMetrics フックの使い方について。どのようなデータを返して、コンポーネントでどのように呼び出せばよい？
データフローの追跡 
CSVアップロードからメトリクス表示までのデータフローを順に説明してください。各ステップでどのような関数とフックが関与している？
新しいメトリクスの追加 
Portfolio Buddy 2 に新しいメトリクス計算を追加する手順は？どのファイルを修正する必要がある？

أفضل الممارسات

  • src/hooks/ 内のカスタムフックには use プレフィックスの命名規則に従う
  • コストの高い計算には useMemo、稳定的なコールバックには useCallback を使用
  • 複雑なロジックには JSDoc コメントを追加し、型の安全性のためすべてのインターフェースをエクスポート
  • コンポーネントは200行を目標とし、より大きくなった場合はサブコンポーネントを抽出する

تجنب

  • TypeScript の any 型の使用を避ける - すべてのデータ構造に対して適切なインターフェースを定義する
  • Recharts をインストールまたはインポートしない - Chart.js が確立されたチャートライブラリ
  • 深いコンポーネントツリーを通じたプロップドリリングを避ける - ロジックを共有するためにカスタムフックを使用

الأسئلة المتكررة

Portfolio Buddy 2 はどのようなチャートライブラリを使用していますか？
Portfolio Buddy 2 は Chart.js 4.x を react-chartjs-2 ラッパーで使用しています。Recharts はインストールされていますが、インポートされていません。
目標の最大コンポーネントサイズは何行ですか？
コンポーネントは200行以下を目標としています。591行の PortfolioSection は高優先度のリファクタリング候補としてフラグが立てられています。
このスキルはファイルやプロジェクトにアクセスしますか？
いいえ。このスキルはドキュメントリファレンスのみを提供します。プロジェクト内のファイルを読み書きしたり、修正したりことはありません。
プロジェクトではどのような状態管理アプローチを使用していますか？
プロジェクトでは Redux や Zustand などのグローバル状態ライブラリ 없이、プレーンな React フック（useState、useMemo、useCallback、useRef）を使用しています。
このスキルはどのツールでサポートされていますか？
このスキルは Claude、Codex、Claude Code で動作します。これらの AI アシスタントすべてにアーキテクチャガイダンスを提供します。
アップロードから表示までのデータ処理はどのように行われますか？
データフロー: CSV解析、通貨クリーニング、Supabaseアップロード、usePortfolio集約、日付フィルタリング、useMetrics計算、その後 MetricsTable 表示。

تفاصيل المطور

المؤلف

5MinFutures

الترخيص

MIT

المستودع

https://github.com/5MinFutures/futures-arena/tree/main/.claude/skills/architecture-reference

مرجع

main

بنية الملفات

📄 SKILL.md