关于 tech-stack-selector
为 UI/UX 项目选择实现技术栈的咨询技能,可评估新项目、现有技术栈或迁移方案。它提供建议并移交后续任务,不会部署或修改基础设施。
主要功能
- 01为新项目选择技术栈
- 02评估现有技术栈
- 03建议保留、改进或迁移
- 04比较候选方案并说明取舍
- 05移交给相关设计或实施技能
适用场景
- 01为新网站或应用选择实现方案
- 02根据 SEO、编辑和托管需求评估技术栈
- 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.yamlassets/stack-decision.template.mdreferences/stack-decision-framework.md详细介绍
技术栈选择器
此技能用于为 UI/UX 项目确定实现技术栈。创建构建任务前,本技能仅提供建议;不会部署或修改基础设施。
运行模式
select:在确定概念后,为新网站或应用选择技术栈。review:根据 SEO、UX、编辑、可维护性和部署需求,评估现有技术栈。migration:建议保留、改进还是替换当前技术栈。
必需工作流
- 阅读 references/stack-decision-framework.md。
- 收集产品类型、编辑需求、内容变动频率、SEO/大模型要求、交互复杂度、托管限制和团队技能等信息。
- 为可行选项打分:静态 HTML、Vite/React、Next.js、Astro、基于 CMS 的方案、自定义管理后台或现有技术栈。
- 推荐一种技术栈和一个备选方案,并说明淘汰其他选项的理由。
- 根据需要移交给
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