Engineering EvaluationTCOArchitecture

Tech Stack Evaluator

Technology stack evaluation with TCO analysis, security assessment, and scoring.

$skillfish add ~skills/tech-stack-evaluator

Real Conversations

See how the Tech Stack Evaluator skill responds to actual requests. These are representative examples of what your AI agent will produce.

You

Building a B2B SaaS dashboard — data-heavy, lots of forms, real-time updates, 4-engineer team. Should we use Next.js App Router or Remix?

Agent

Evaluation: Next.js App Router vs Remix

Criterion Next.js App Router Remix
Data loading RSC + Server Actions Loaders + Actions (nested)
Form handling Server Actions (new, less battle-tested) Native — excellent, progressive enhancement
Real-time Requires separate WebSocket/SSE Requires separate WebSocket/SSE
Ecosystem Massive — Vercel, shadcn, next-auth Smaller but growing
Learning curve RSC mental model steep More aligned with web standards
Deployment flexibility Any Node/edge Any Node/edge
TCO (hosting) Vercel optimal, self-host complex Self-host straightforward

For your use case — recommendation: Next.js App Router

Why:

  • Data-heavy dashboards benefit from RSC — render tables server-side, ship zero client JS for static content
  • 4-engineer team: larger hiring pool for Next.js, more Stack Overflow answers, more tutorials
  • shadcn/ui component library is built for Next.js and dramatically speeds up dashboard UI
  • Real-time: use SSE or Pusher with either framework — not a differentiator

Where Remix would win: If your forms are critical path (e.g., input-heavy workflow tools) and you want progressive enhancement out of the box, Remix's form handling is genuinely superior.

TCO estimate (2 engineers, 12 months):

  • Next.js on Vercel: ~$1,200/year (Pro plan)
  • Next.js self-hosted on Railway/Fly.io: ~$600/year
  • Remix on Fly.io: ~$400/year

Recommendation: Next.js App Router + shadcn/ui + Supabase for the DB layer. This stack has the most momentum and the most production dashboards as reference.

Get Started

How to install and use this skill in your preferred environment.

Skills are designed for AI coding agents (Claude Code, Cursor, Windsurf) and IDE-based workflows where the agent can read files, run scripts, and act on your codebase. Web-based AI can use the knowledge and frameworks, but won't have tool access.

Models & Context

Which AI models and context windows work best with this skill.

Recommended Models

Best
Claude Opus 4 Claude Sonnet 4 GPT-4.1 Gemini 2.5 Pro Grok 3 Kimi K2
Good
Claude Haiku 4.5 GPT-4.1 mini Gemini 2.5 Flash Grok 3 mini

Larger models produce more detailed, production-ready outputs.

Context Window

This skill's SKILL.md is typically 3–10 KB — fits in any modern context window.

8K Skill only
32K+ Skill + conversation
100K+ Skill + references + codebase

All current frontier models (Claude, GPT, Gemini) support 100K+ context. Use the full window for complex multi-service work.

Pro tips for best results

1

Be specific

Include numbers — users, budget, RPS — so the skill can size the architecture.

2

Share constraints

Compliance needs, team size, and existing stack all improve the output.

3

Iterate

Start with a high-level design, then ask follow-ups for IaC, cost analysis, or security review.

4

Combine skills

Pair with companion skills below for end-to-end coverage.

Ready to try Tech Stack Evaluator?

Install the skill and start getting expert-level guidance in your workflow — any agent, any IDE.

$skillfish add ~skills/tech-stack-evaluator
← Browse all 169 skills