mcpField
T
tech-stack-selector

tech-stack-selector

github.com/sergekostenchuk開発3250 回インストール18 週間前に更新
リポジトリ

tech-stack-selector について

UI/UX プロジェクトの実装スタック選定を助言するスキルです。新規構築、既存スタック、移行案を評価し、インフラを変更・デプロイせずに推奨内容を引き継ぎます。

主な機能

  1. 01新規プロジェクトのスタック選定
  2. 02既存スタックの評価
  3. 03維持、改善、移行の提案
  4. 04候補の比較とトレードオフの説明
  5. 05関連する設計・実装スキルへの引き継ぎ

活用シーン

  1. 01サイトやアプリの実装方式の選定
  2. 02SEO、編集、ホスティング要件に基づく評価
  3. 03既存プロジェクトの移行要否の判断

インストール

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

$npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill tech-stack-selector

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

同梱ファイル

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

agents/
openai.yaml
assets/
stack-decision.template.md
references/
stack-decision-framework.md

詳細

技術スタック選定ツール

このスキルは、UI／UX プロジェクトの実装スタックを決定します。ビルドタスクが作成されるまでは助言のみを行い、インフラのデプロイや変更は行いません。

動作モード

  • select：コンセプトの決定後、新しいサイトやアプリのスタックを選択します。
  • review：SEO、UX、編集、保守性、デプロイのニーズに照らして、既存のスタックを評価します。
  • migration：現在のスタックを維持、改善、置き換えするかを提案します。

必須ワークフロー

  1. references/stack-decision-framework.mdを読みます。
  2. プロダクトの種類、編集のニーズ、コンテンツの変化の頻度、SEO／LLM の要件、インタラクションの複雑さ、ホスティングの制約、チームのスキルを把握します。
  3. 実行可能な選択肢を評価します：静的 HTML、Vite／React、Next.js、Astro、CMS を利用した構成、カスタム管理画面、または既存のスタック。
  4. 推奨するスタックを1つ、代替案を1つ、除外する選択肢とその理由を提示します。
  5. 必要に応じて、marketing-site-skill、webapp-ui-skill、pencil-design-bridge、またはインフラ／ローンチ関連のスキルに引き継ぎます。

安全ルール

  • このスキルでは、サーバーのプロビジョニング、ドメインの購入、DNS の変更、本番環境へのデプロイを行わないでください。
  • ユーザーが正確な最新情報を必要としている場合、確認せずにパッケージの現在のバージョンやベンダーの価格を断定しないでください。
  • SEO、コンテンツ編集、パフォーマンス、保守性を満たす、最もシンプルなスタックを優先します。

出力形式

Recommended stack:
Fallback stack:
Disqualified options:
Why this fits:
SEO/LLM implications:
Editing/admin implications:
Deployment implications:
Risks:
Next skill:

検証

python3 $CODEX_HOME/skills/.system/skill-creator/scripts/quick_validate.py $CODEX_HOME/skills/tech-stack-selector
python3 $CODEX_HOME/skills/senior-skill-architect/scripts/lint_production_skill.py $CODEX_HOME/skills/tech-stack-selector

コメント

Markdown 対応