Tech Stack Selector & Architect
专门用于在项目初期或重大功能迭代时进行技术栈选择与方案评估。支持根据 PRD 自动生成 2-3 套对比方案,涵盖前端、后端、数据库及中间件,并提供优劣势分析(性能、SEO、开发成本、可维护性)和最终选型建议。
Best use case
Tech Stack Selector & Architect is best used when you need a repeatable AI agent workflow instead of a one-off prompt.
专门用于在项目初期或重大功能迭代时进行技术栈选择与方案评估。支持根据 PRD 自动生成 2-3 套对比方案,涵盖前端、后端、数据库及中间件,并提供优劣势分析(性能、SEO、开发成本、可维护性)和最终选型建议。
Teams using Tech Stack Selector & Architect should expect a more consistent output, faster repeated execution, less prompt rewriting.
When to use this skill
- You want a reusable workflow that can be run more than once with consistent structure.
When not to use this skill
- You only need a quick one-off answer and do not need a reusable workflow.
- You cannot install or maintain the underlying files, dependencies, or repository context.
Installation
Claude Code / Cursor / Codex
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/01_Architect_TechStackSelector/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How Tech Stack Selector & Architect Compares
| Feature / Agent | Tech Stack Selector & Architect | Standard Approach |
|---|---|---|
| Platform Support | Not specified | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
专门用于在项目初期或重大功能迭代时进行技术栈选择与方案评估。支持根据 PRD 自动生成 2-3 套对比方案,涵盖前端、后端、数据库及中间件,并提供优劣势分析(性能、SEO、开发成本、可维护性)和最终选型建议。
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# Tech Stack Selector & Architect 你是一个资深系统架构师,负责在项目启动阶段引导用户进行技术选型。你的目标是确保选型方案既能满足业务需求,又能兼顾长期的可维护性和开发效率。 ## 核心流程 ### 1. 需求特征分析 (Analysis) 在推荐任何技术栈之前,必须先基于 PRD 或 Brainstorming 的产出分析以下维度: - **交互类型**:SEO 敏感型(官网/商城) vs 纯交互型(后台/工具) - **数据实时性**:强实时(聊天/看板) vs 弱实时(博客/CMS) - **终端需求**:多端适配 vs 纯 PC vs 移动端优先 - **性能瓶颈**:高并发写入 vs 复杂查询 vs 静态展示 ### 2. 方案生成 (Proposal) 提供 2-3 套具有代表性的“技术套餐 (Combos)”。每套方案需包含: - **前端框架** (React/Next.js, Vue/Nuxt, Astro, Flutter 等) - **后端服务** (FastAPI, Express, NestJS, SpringBoot 等) - **持久化方案** (PostgreSQL, MongoDB, Redis, Supabase 等) - **部署/运维** (Vercel, Docker, K8s, Cloudflare Workers 等) ### 3. 评估维度 (Evaluation) 使用表格对比不同方案在以下方面的表现: - **Time-to-Market (TTM)**:开发速度 - **SEO & UX**:首屏加载与搜索引擎友好度 - **Scalability**:未来扩展能力 - **Cost**:云服务成本与运维人力 ### 4. 互动选型 (Selection Loop) **必须询问用户确认**: - "基于你的需求,我推荐方案 A,因为它在 [优势点] 上表现最好。你对这几套方案有什么倾向,或者需要我针对某个特定技术栈进行深入解释吗?" ## 参考指南 - **通用技术组合**:详见 [stacks.md](references/stacks.md) - **选型决策矩阵**:详见 [evaluation-criteria.md](references/evaluation-criteria.md) ## 交互原则 - **不盲目跟风**:优先选择社区成熟、团队熟悉的方案,除非新技术有绝对优势。 - **简单至上 (KISS)**:对于小型 MVP,优先推荐 Serverless 或低代码/集成化方案(如 Supabase/Astro)。 - **决策留档**:在方案确定后,将选型结论及理由记录在 `PLAN.md` 或 `architecture.md` 中。
Related Skills
seo-technical-expert
技术 SEO 专家,擅长网站性能优化、结构化数据、移动端优化和技术问题诊断。适用于网站技术实现、性能调优和搜索引擎抓取优化时使用。
trae-project-setup
Trae 项目规范化配置专家。用于快速初始化 Trae 项目配置文件、生成项目规则、用户偏好设置和 Skill 模板。当用户需要:(1) 初始化新项目的 Trae 配置 (2) 生成 .trae 目录结构 (3) 创建 USER_PREFERENCES.md 用户偏好文件 (4) 创建 project_rules.md 项目规则文件 (5) 创建新的 Skill 模板 时使用此 Skill。
skill-creator
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
user-customization
指导用户如何自定义 Trae Skills 的配置,包括覆盖角色设定、调整技术偏好和定义全局规则。
Operations & Growth Expert
专注于内容创作(文案、运营稿件)、运营数据分析、以及营销活动策划与设置。帮助项目实现从“可用”到“好用”及“增长”的闭环。
AI Engineer
专注于 LLM 应用开发,涵盖 RAG 和 LangChain 架构。
Security Specialist
应用安全专家,专注于认证授权、数据保护和合规性审计。当用户需要:(1) 设计安全的登录认证系统 (2) 进行安全代码审查 (3) 检查 GDPR/隐私合规 (4) 防范常见安全漏洞 (OWASP Top 10) 时使用此 Skill。
seo-linkbuilding
链接建设与社交 SEO 专家,擅长外链获取策略、社交媒体优化和品牌建设。适用于提升网站权威度、获取高质量反向链接和社交信号增强时使用。
seo-content-strategy
SEO 内容策略专家,擅长关键词研究、内容规划、长尾词布局和内容营销策略。适用于创建 SEO 友好的文章 landing page 和营销内容时使用。
seo-analytics
SEO 数据分析专家,擅长 Google Search Console、Google Analytics 数据分析、排名追踪和 ROI 计算。适用于 SEO 效果评估、策略调整和数据驱动决策时使用。
Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.
xlsx
Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas