senior-fullstack
React、Next.js、Node.js、GraphQL、PostgreSQL を用いた本格的なWebアプリケーション開発を包括的にサポートするフルスタック開発スキルです。プロジェクトの雛形生成、コード品質分析、アーキテクチャパターンの適用、技術スタック全体のガイダンスを提供します。新規プロジェクトの立ち上げ、コード品質の評価、デザインパターンの実装、開発ワークフローの整備などに活用できます。
description の原文を見る
Comprehensive fullstack development skill for building complete web applications with React, Next.js, Node.js, GraphQL, and PostgreSQL. Includes project scaffolding, code quality analysis, architecture patterns, and complete tech stack guidance. Use when building new projects, analyzing code quality, implementing design patterns, or setting up development workflows.
SKILL.md 本文
Senior Fullstack
最新ツールとベストプラクティスを備えた、シニアフルスタックの完全なツールキット。
クイックスタート
主な機能
このスキルは自動化スクリプトを通じて3つのコア機能を提供します:
# スクリプト 1: Fullstack Scaffolder
python scripts/fullstack_scaffolder.py [options]
# スクリプト 2: Project Scaffolder
python scripts/project_scaffolder.py [options]
# スクリプト 3: Code Quality Analyzer
python scripts/code_quality_analyzer.py [options]
コア機能
1. Fullstack Scaffolder
フルスタック スキャフォルディングタスク用の自動化ツール。
機能:
- 自動スキャフォルディング
- ベストプラクティスの組み込み
- カスタマイズ可能なテンプレート
- 品質チェック
使い方:
python scripts/fullstack_scaffolder.py <project-path> [options]
2. Project Scaffolder
包括的な分析と最適化ツール。
機能:
- 深い分析
- パフォーマンスメトリクス
- 推奨事項
- 自動修正
使い方:
python scripts/project_scaffolder.py <target-path> [--verbose]
3. Code Quality Analyzer
特殊なタスク用の高度なツール。
機能:
- エキスパートレベルの自動化
- カスタム設定
- 統合対応
- プロダクショングレードの出力
使い方:
python scripts/code_quality_analyzer.py [arguments] [options]
リファレンスドキュメント
Tech Stack ガイド
references/tech_stack_guide.md で利用可能な包括的ガイド:
- 詳細なパターンとプラクティス
- コード例
- ベストプラクティス
- 避けるべきアンチパターン
- 実世界のシナリオ
アーキテクチャパターン
references/architecture_patterns.md の完全なワークフロードキュメント:
- ステップバイステップのプロセス
- 最適化戦略
- ツール統合
- パフォーマンスチューニング
- トラブルシューティングガイド
開発ワークフロー
references/development_workflows.md の技術リファレンスガイド:
- テクノロジースタックの詳細
- 設定例
- 統合パターン
- セキュリティに関する考慮事項
- スケーラビリティガイドライン
Tech Stack
言語: TypeScript, JavaScript, Python, Go, Swift, Kotlin フロントエンド: React, Next.js, React Native, Flutter バックエンド: Node.js, Express, GraphQL, REST APIs データベース: PostgreSQL, Prisma, NeonDB, Supabase DevOps: Docker, Kubernetes, Terraform, GitHub Actions, CircleCI クラウド: AWS, GCP, Azure
開発ワークフロー
1. セットアップと設定
# 依存関係のインストール
npm install
# または
pip install -r requirements.txt
# 環境の設定
cp .env.example .env
2. 品質チェックを実行
# アナライザースクリプトを使用
python scripts/project_scaffolder.py .
# 推奨事項を確認
# 修正を適用
3. ベストプラクティスを実装
以下で文書化されているパターンとプラクティスに従う:
references/tech_stack_guide.mdreferences/architecture_patterns.mdreferences/development_workflows.md
ベストプラクティス概要
コード品質
- 確立されたパターンに従う
- 包括的なテストを書く
- 決定を文書化する
- 定期的にレビューする
パフォーマンス
- 最適化する前に測定する
- 適切なキャッシングを使用する
- クリティカルパスを最適化する
- 本番環境で監視する
セキュリティ
- すべての入力を検証する
- パラメータ化クエリを使用する
- 適切な認証を実装する
- 依存関係を最新に保つ
保守性
- クリアなコードを書く
- 一貫した命名を使用する
- 有用なコメントを追加する
- シンプルに保つ
一般的なコマンド
# 開発
npm run dev
npm run build
npm run test
npm run lint
# 分析
python scripts/project_scaffolder.py .
python scripts/code_quality_analyzer.py --analyze
# デプロイメント
docker build -t app:latest .
docker-compose up -d
kubectl apply -f k8s/
トラブルシューティング
一般的な問題
references/development_workflows.md の包括的なトラブルシューティングセクションを確認してください。
ヘルプを得る
- リファレンスドキュメントを確認する
- スクリプト出力メッセージを確認する
- tech stack ドキュメントを参照する
- エラーログを確認する
リソース
- パターンリファレンス:
references/tech_stack_guide.md - ワークフローガイド:
references/architecture_patterns.md - テクニカルガイド:
references/development_workflows.md - ツールスクリプト:
scripts/ディレクトリ
ライセンス: MIT(寛容ライセンスのため全文を引用しています) · 原本リポジトリ
詳細情報
- 作者
- davila7
- ライセンス
- MIT
- 最終更新
- 不明
Source: https://github.com/davila7/claude-code-templates / ライセンス: MIT
関連スキル
doubt-driven-development
重要な判断はすべて、本番環境への展開前に新しい視点から対抗的レビューを実施します。速度より正確性が重要な場合、不慣れなコードを扱う場合、本番環境・セキュリティに関わるロジック・取り消し不可の操作など影響度が高い場合、または後でバグを修正するよりも今検証する方が効率的な場合に活用してください。
apprun-skills
TypeScriptを使用したAppRunアプリケーションのMVU設計に関する総合的なガイダンスが得られます。コンポーネントパターン、イベントハンドリング、状態管理(非同期ジェネレータを含む)、パラメータと保護機能を備えたルーティング・ナビゲーション、vistestを使用したテストに対応しています。AppRunコンポーネントの設計・レビュー、ルートの配線、状態フローの管理、AppRunテストの作成時に活用してください。
desloppify
コードベースのヘルスチェックと技術負債の追跡ツールです。コード品質、技術負債、デッドコード、大規模ファイル、ゴッドクラス、重複関数、コードスメル、命名規則の問題、インポートサイクル、結合度の問題についてユーザーが質問した場合に使用してください。また、ヘルススコアの確認、次の改善項目の提案、クリーンアップ計画の作成をリクエストされた際にも対応します。29言語に対応しています。
debugging-and-error-recovery
テストが失敗したり、ビルドが壊れたり、動作が期待と異なったり、予期しないエラーが発生したりした場合に、体系的な根本原因デバッグをガイドします。推測ではなく、根本原因を見つけて修正するための体系的なアプローチが必要な場合に使用してください。
test-driven-development
テスト駆動開発により実装を進めます。ロジックの実装、バグの修正、動作の変更など、あらゆる場面で活用できます。コードが正常に動作することを証明する必要がある場合、バグ報告を受けた場合、既存機能を修正する予定がある場合に使用してください。
incremental-implementation
変更を段階的に実施します。複数のファイルに影響する機能や変更を実装する場合に使用してください。大量のコードを一度に書こうとしている場合や、タスクが一度では完結できないほど大きい場合に活用します。