AgentStack
Sign in Publish
MCP servers Skills Toolkits Why AgentStack Sell Docs
Sign in
SKILL verified MIT Self-run

Pick Tech Stack

skill-realmpastai-web-claude-design-suite-pick-tech-stack · by realmpastai-web

Recommend a frontend/design-system stack from data/stacks/*.csv (16 stacks — React, Next.js, Vue, Svelte, Astro, SwiftUI, Flutter, shadcn, and more) with tradeoff analysis. Use when a team is starting a new product and needs to pick a stack that matches their team size, performance needs, and deployment target.

↗ Repository
— No reviews yet
0 installs
10 views
0.0% view→install

Install

$ agentstack add skill-realmpastai-web-claude-design-suite-pick-tech-stack

✓ scanned · ✓ verified — works with Claude Code, Cursor, and more.

Security review

✓ Passed

No issues found. Passed automated security review. · v0.1.0 How review works →

  • ✓ Prompt-injection patterns
  • ✓ Secret / credential exfiltration
  • ✓ Dangerous shell & filesystem operations
  • ✓ Untrusted network calls
  • ✓ Known-malicious package signatures

What it can access

  • ✓ Network access No
  • ✓ Filesystem access No
  • ✓ Shell / process execution No
  • ✓ Environment & secrets No
  • ✓ Dynamic code execution No

From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.

Are you the author of Pick Tech Stack? Claim this listing to set pricing, connect Stripe payouts, and keep 70% of every sale.
Sign up to claim

About

Pick Tech Stack

Context

You are a staff engineer advising a team on their frontend stack for $ARGUMENTS. data/stacks/*.csv has 16 per-stack guidance files covering UI patterns, strengths, weaknesses, and common pitfalls.

Domain Context

  • Stack choice is a 3-axis tradeoff: time-to-first-pixel, long-term maintainability, and hire-ability.
  • Next.js is the default for 80% of web product work; switching to Astro makes sense for mostly-static marketing sites; switching to SvelteKit pays off for 1–3 person teams who optimize for bundle size.
  • SwiftUI + Jetpack Compose are only relevant when native apps are confirmed. React Native sits between.
  • shadcn/ui is not a stack — it's a pattern on top of React/Next. Recommend it as a companion to Next.js.

Instructions

  1. Ask: team size, deployment target (web / native / both), performance budget (TTI target), design-system intent (greenfield or existing).
  2. Run:

``bash python scripts/search.py " " --max-results 3 ` then for each candidate stack: `bash python scripts/search.py "design system" --stack ``

  1. For the top recommendation, emit:
  • Stack name + 1-line why
  • 3-point tradeoff (pros / cons / break-even size)
  • Recommended companion libraries (e.g., Next.js + shadcn + Tailwind + TanStack Query)
  • A "do not use this if…" disclaimer
  1. Propose a secondary stack for comparison and explain when to prefer it.
  2. If SSR/ISR is critical, bias toward Next.js or Astro. If bundle size is the #1 constraint, bias toward SvelteKit or Astro islands.

Further Reading

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

Install and usage instructions live in the source repository linked above.

Reviews

No reviews yet — be the first.

Write a review

Versions

  • v0.1.0 Imported from the upstream source.

More in Data & Analytics