사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/sergekostenchuk/ui-ux-agent-skill-system --skill tech-stack-selector시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
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
text
Recommended stack:
Fallback stack:
Disqualified options:
Why this fits:
SEO/LLM implications:
Editing/admin implications:
Deployment implications:
Risks:
Next skill:Validation
bash
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
