Tech Stack Selector
This skill decides the implementation stack for UI/UX projects. It is advisory until a build task is created; it does not deploy or mutate infrastructure.
Operating Modes
select: choose a stack for a new site or app after concept.review: evaluate an existing stack against SEO, UX, editing, maintainability, and deployment needs.migration: recommend whether to keep, improve, or replace the current stack.
Required Workflow
- Read references/stack-decision-framework.md.
- Gather product type, editing needs, content volatility, SEO/LLM requirements, interaction complexity, hosting constraints, and team skills.
- Score viable options: static HTML, Vite/React, Next.js, Astro, CMS-backed, custom admin, or existing stack.
- Recommend one stack, one fallback, and disqualified options with reasons.
- Hand off to
marketing-site-skill, webapp-ui-skill, pencil-design-bridge, or infra/launch skills as appropriate.
Safety Rules
- Do not provision servers, buy domains, change DNS, or deploy production from this skill.
- Do not claim current package versions or vendor pricing without verifying if the user needs exact current facts.
- Prefer the simplest stack that satisfies SEO, content editing, performance, and maintainability.
Output Shape
Recommended stack:
Fallback stack:
Disqualified options:
Why this fits:
SEO/LLM implications:
Editing/admin implications:
Deployment implications:
Risks:
Next skill:
Validation
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
1---2name: tech-stack-selector3description: Select or review the frontend/CMS/deployment stack for UI/UX site projects after concept definition and before design-to-code or launch work. Use when choosing between static HTML, React/Next/Vite, CMS/admin needs, Figma/Pencil handoff, SEO constraints, existing-site rebuild, or maintainability tradeoffs.4---56# Tech Stack Selector78This skill decides the implementation stack for UI/UX projects. It is advisory until a build task is created; it does not deploy or mutate infrastructure.910## Operating Modes1112- `select`: choose a stack for a new site or app after concept.13- `review`: evaluate an existing stack against SEO, UX, editing, maintainability, and deployment needs.14- `migration`: recommend whether to keep, improve, or replace the current stack.1516## Required Workflow17181. Read [references/stack-decision-framework.md](references/stack-decision-framework.md).192. Gather product type, editing needs, content volatility, SEO/LLM requirements, interaction complexity, hosting constraints, and team skills.203. Score viable options: static HTML, Vite/React, Next.js, Astro, CMS-backed, custom admin, or existing stack.214. Recommend one stack, one fallback, and disqualified options with reasons.225. Hand off to `marketing-site-skill`, `webapp-ui-skill`, `pencil-design-bridge`, or infra/launch skills as appropriate.2324## Safety Rules2526- Do not provision servers, buy domains, change DNS, or deploy production from this skill.27- Do not claim current package versions or vendor pricing without verifying if the user needs exact current facts.28- Prefer the simplest stack that satisfies SEO, content editing, performance, and maintainability.2930## Output Shape3132```text33Recommended stack:34Fallback stack:35Disqualified options:36Why this fits:37SEO/LLM implications:38Editing/admin implications:39Deployment implications:40Risks:41Next skill:42```4344## Validation4546```bash47python3 $CODEX_HOME/skills/.system/skill-creator/scripts/quick_validate.py $CODEX_HOME/skills/tech-stack-selector48python3 $CODEX_HOME/skills/senior-skill-architect/scripts/lint_production_skill.py $CODEX_HOME/skills/tech-stack-selector49```
sergekostenchuk